.elementor-206 .elementor-element.elementor-element-af1c014{--display:flex;--min-height:100vh;--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:0px 0px;--row-gap:0px;--column-gap:0px;--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-206 .elementor-element.elementor-element-c51fd66{--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;--justify-content:center;--align-items:center;}.elementor-206 .elementor-element.elementor-element-e174351{--display:flex;}.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-206 .elementor-element.elementor-element-eb40a59{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-206 .elementor-element.elementor-element-77cc28f{text-align:center;}.elementor-206 .elementor-element.elementor-element-93d1e01{--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;}.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-206 .elementor-element.elementor-element-dbeaba3 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-206 .elementor-element.elementor-element-483f518{--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;--overlay-opacity:0.5;}.elementor-206 .elementor-element.elementor-element-483f518:not(.elementor-motion-effects-element-type-background), .elementor-206 .elementor-element.elementor-element-483f518 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iron-tvpro.com/wp-content/uploads/2026/04/WTSP01-61.webp");background-position:-571px 0px;background-size:cover;}.elementor-206 .elementor-element.elementor-element-483f518::before, .elementor-206 .elementor-element.elementor-element-483f518 > .elementor-background-video-container::before, .elementor-206 .elementor-element.elementor-element-483f518 > .e-con-inner > .elementor-background-video-container::before, .elementor-206 .elementor-element.elementor-element-483f518 > .elementor-background-slideshow::before, .elementor-206 .elementor-element.elementor-element-483f518 > .e-con-inner > .elementor-background-slideshow::before, .elementor-206 .elementor-element.elementor-element-483f518 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-206 .elementor-element.elementor-element-c6b4d13{--display:flex;--min-height:32vh;--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;--margin-top:77px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-206 .elementor-element.elementor-element-95f5cf9{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;text-align:center;}.elementor-206 .elementor-element.elementor-element-bd55024{--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:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:65px;--padding-left:0px;--padding-right:0px;}.elementor-206 .elementor-element.elementor-element-1d48fa0{--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-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-206 .elementor-element.elementor-element-6d81af9.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-206 .elementor-element.elementor-element-6d81af9.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-206 .elementor-element.elementor-element-6d81af9.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-206 .elementor-element.elementor-element-6d81af9 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-206 .elementor-element.elementor-element-6d81af9 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-206 .elementor-element.elementor-element-a8aed5b{--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-206 .elementor-element.elementor-element-df86d83.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-206 .elementor-element.elementor-element-df86d83.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-206 .elementor-element.elementor-element-df86d83.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-206 .elementor-element.elementor-element-df86d83 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-206 .elementor-element.elementor-element-df86d83 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-206 .elementor-element.elementor-element-540cdc4{--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-206 .elementor-element.elementor-element-98d2182.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-206 .elementor-element.elementor-element-98d2182.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-206 .elementor-element.elementor-element-98d2182.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-206 .elementor-element.elementor-element-98d2182 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-206 .elementor-element.elementor-element-98d2182 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-206 .elementor-element.elementor-element-434f3f5{--display:flex;--min-height:76vh;--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-206 .elementor-element.elementor-element-434f3f5:not(.elementor-motion-effects-element-type-background), .elementor-206 .elementor-element.elementor-element-434f3f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}.elementor-206 .elementor-element.elementor-element-27b048d .elementor-heading-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-c768954{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;text-align:center;color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-c768954.elementor-element{--align-self:center;}.elementor-206 .elementor-element.elementor-element-23aa818{--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;}.elementor-206 .elementor-element.elementor-element-d3c0606{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-206 .elementor-element.elementor-element-d3c0606:not(.elementor-motion-effects-element-type-background), .elementor-206 .elementor-element.elementor-element-d3c0606 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-206 .elementor-element.elementor-element-6851c53 .elementor-icon-box-wrapper{gap:15px;}.elementor-206 .elementor-element.elementor-element-6851c53.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-6851c53.elementor-view-framed .elementor-icon, .elementor-206 .elementor-element.elementor-element-6851c53.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-6851c53 .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-6851c53:has(:hover) .elementor-icon-box-title,
					 .elementor-206 .elementor-element.elementor-element-6851c53:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-6851c53 .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-3215b91{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-206 .elementor-element.elementor-element-3215b91:not(.elementor-motion-effects-element-type-background), .elementor-206 .elementor-element.elementor-element-3215b91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-206 .elementor-element.elementor-element-54bb781 .elementor-icon-box-wrapper{gap:15px;}.elementor-206 .elementor-element.elementor-element-54bb781.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-54bb781.elementor-view-framed .elementor-icon, .elementor-206 .elementor-element.elementor-element-54bb781.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-54bb781 .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-54bb781:has(:hover) .elementor-icon-box-title,
					 .elementor-206 .elementor-element.elementor-element-54bb781:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-54bb781 .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-12db66e{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-206 .elementor-element.elementor-element-12db66e:not(.elementor-motion-effects-element-type-background), .elementor-206 .elementor-element.elementor-element-12db66e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-206 .elementor-element.elementor-element-663946f .elementor-icon-box-wrapper{gap:15px;}.elementor-206 .elementor-element.elementor-element-663946f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-663946f.elementor-view-framed .elementor-icon, .elementor-206 .elementor-element.elementor-element-663946f.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-663946f .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-663946f:has(:hover) .elementor-icon-box-title,
					 .elementor-206 .elementor-element.elementor-element-663946f:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-663946f .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-ff87baf{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-206 .elementor-element.elementor-element-ff87baf:not(.elementor-motion-effects-element-type-background), .elementor-206 .elementor-element.elementor-element-ff87baf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-206 .elementor-element.elementor-element-9633e61 .elementor-icon-box-wrapper{gap:15px;}.elementor-206 .elementor-element.elementor-element-9633e61.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-9633e61.elementor-view-framed .elementor-icon, .elementor-206 .elementor-element.elementor-element-9633e61.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-9633e61 .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-9633e61:has(:hover) .elementor-icon-box-title,
					 .elementor-206 .elementor-element.elementor-element-9633e61:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-9633e61 .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-fa80aad{--display:flex;--min-height:80vh;--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:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:129px;--padding-bottom:93px;--padding-left:0px;--padding-right:0px;}.elementor-206 .elementor-element.elementor-element-30940ab{--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-206 .elementor-element.elementor-element-0c5682b .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-f573047{--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-206 .elementor-element.elementor-element-e3ebca7 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-997de82 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-15e992c .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-d234209 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-1f552b2{--display:flex;--min-height:80vh;--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:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:129px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-206 .elementor-element.elementor-element-1f552b2:not(.elementor-motion-effects-element-type-background), .elementor-206 .elementor-element.elementor-element-1f552b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}.elementor-206 .elementor-element.elementor-element-9a173c8{--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-206 .elementor-element.elementor-element-ec17c6d .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-ec17c6d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-ec17c6d.elementor-view-framed .elementor-icon, .elementor-206 .elementor-element.elementor-element-ec17c6d.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-ec17c6d.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-206 .elementor-element.elementor-element-ec17c6d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-ec17c6d.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-206 .elementor-element.elementor-element-ec17c6d.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-206 .elementor-element.elementor-element-ec17c6d.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-206 .elementor-element.elementor-element-ec17c6d.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-ec17c6d:has(:hover) .elementor-icon-box-title,
					 .elementor-206 .elementor-element.elementor-element-ec17c6d:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-71afe60{--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-206 .elementor-element.elementor-element-0c6a212 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-0c6a212 .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-0c6a212 .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-0ce393e{--display:flex;--min-height:80vh;--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:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:129px;--padding-bottom:93px;--padding-left:0px;--padding-right:0px;}.elementor-206 .elementor-element.elementor-element-462ca00{--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-206 .elementor-element.elementor-element-f0e6eb7 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-a408f82{--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-206 .elementor-element.elementor-element-5ed0f01 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-9e2918c .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-99362eb .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-abc00f5 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-b17e2b1{--display:flex;--min-height:80vh;--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:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:129px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-206 .elementor-element.elementor-element-b17e2b1:not(.elementor-motion-effects-element-type-background), .elementor-206 .elementor-element.elementor-element-b17e2b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}.elementor-206 .elementor-element.elementor-element-9461508{--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-206 .elementor-element.elementor-element-020a6a4 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-020a6a4.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-020a6a4.elementor-view-framed .elementor-icon, .elementor-206 .elementor-element.elementor-element-020a6a4.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-020a6a4.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-206 .elementor-element.elementor-element-020a6a4.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-020a6a4.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-206 .elementor-element.elementor-element-020a6a4.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-206 .elementor-element.elementor-element-020a6a4.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-206 .elementor-element.elementor-element-020a6a4.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-020a6a4:has(:hover) .elementor-icon-box-title,
					 .elementor-206 .elementor-element.elementor-element-020a6a4:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-33a5be7{--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-206 .elementor-element.elementor-element-59a2087 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon-box-title{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon-box-description{color:#FFFFFF;}.elementor-206 .elementor-element.elementor-element-9fff248{--display:flex;--min-height:57vh;--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-206 .elementor-element.elementor-element-5aac989{width:var( --container-widget-width, 56% );max-width:56%;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:center;}.elementor-206 .elementor-element.elementor-element-d3dc88e{--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;}.elementor-206 .elementor-element.elementor-element-2054297 .elementor-button-content-wrapper{flex-direction:row;}.elementor-206 .elementor-element.elementor-element-0931417 .elementor-button-content-wrapper{flex-direction:row;}.elementor-206 .elementor-element.elementor-element-bb3e429 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-206 .elementor-element.elementor-element-bb3e429 .elementor-button-content-wrapper{flex-direction:row;}.elementor-206 .elementor-element.elementor-element-7cb7933{--display:flex;--margin-top:0px;--margin-bottom:42px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-206 .elementor-element.elementor-element-b472308{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-206 .elementor-element.elementor-element-483f518:not(.elementor-motion-effects-element-type-background), .elementor-206 .elementor-element.elementor-element-483f518 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-206 .elementor-element.elementor-element-c51fd66{--width:50%;}.elementor-206 .elementor-element.elementor-element-e174351{--width:77%;}.elementor-206 .elementor-element.elementor-element-483f518{--width:50%;}.elementor-206 .elementor-element.elementor-element-1d48fa0{--width:33.3333%;}.elementor-206 .elementor-element.elementor-element-a8aed5b{--width:33.3333%;}.elementor-206 .elementor-element.elementor-element-540cdc4{--width:33.3333%;}.elementor-206 .elementor-element.elementor-element-30940ab{--width:33.3333%;}.elementor-206 .elementor-element.elementor-element-f573047{--width:66.6666%;}.elementor-206 .elementor-element.elementor-element-9a173c8{--width:33.3333%;}.elementor-206 .elementor-element.elementor-element-71afe60{--width:66.6666%;}.elementor-206 .elementor-element.elementor-element-462ca00{--width:33.3333%;}.elementor-206 .elementor-element.elementor-element-a408f82{--width:66.6666%;}.elementor-206 .elementor-element.elementor-element-9461508{--width:33.3333%;}.elementor-206 .elementor-element.elementor-element-33a5be7{--width:66.6666%;}}@media(max-width:767px){.elementor-206 .elementor-element.elementor-element-c51fd66{--padding-top:95px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-206 .elementor-element.elementor-element-e174351{--z-index:2;}.elementor-206 .elementor-element.elementor-element-483f518:not(.elementor-motion-effects-element-type-background), .elementor-206 .elementor-element.elementor-element-483f518 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-206 .elementor-element.elementor-element-483f518{--margin-top:-603px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-206 .elementor-element.elementor-element-9cabf99{text-align:center;}.elementor-206 .elementor-element.elementor-element-95f5cf9{--container-widget-width:94%;--container-widget-flex-grow:0;width:var( --container-widget-width, 94% );max-width:94%;}.elementor-206 .elementor-element.elementor-element-6d81af9 .elementor-image-box-img{margin-bottom:15px;}.elementor-206 .elementor-element.elementor-element-df86d83 .elementor-image-box-img{margin-bottom:15px;}.elementor-206 .elementor-element.elementor-element-98d2182 .elementor-image-box-img{margin-bottom:15px;}.elementor-206 .elementor-element.elementor-element-434f3f5{--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:63px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-206 .elementor-element.elementor-element-27b048d{text-align:center;}.elementor-206 .elementor-element.elementor-element-c768954{--container-widget-width:86%;--container-widget-flex-grow:0;width:var( --container-widget-width, 86% );max-width:86%;}.elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon-box-wrapper{text-align:start;}.elementor-206 .elementor-element.elementor-element-9fff248{--min-height:80vh;}.elementor-206 .elementor-element.elementor-element-8df7fec{text-align:center;}.elementor-206 .elementor-element.elementor-element-5aac989{--container-widget-width:392px;--container-widget-flex-grow:0;width:var( --container-widget-width, 392px );max-width:392px;}.elementor-206 .elementor-element.elementor-element-7cb7933{--margin-top:38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-c768954 *//* Rend le texte blanc/gris clair pour être visible sur le fond sombre, sans toucher à la taille */
.elementor-206 .elementor-element.elementor-element-c768954 {
    color: #cbd5e1 !important; 
    font-weight: 500 !important;
}

.elementor-206 .elementor-element.elementor-element-c768954 p {
    color: #cbd5e1 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6851c53 *//* A. Pour le widget ICÔNE */
.elementor-206 .elementor-element.elementor-element-6851c53 .elementor-widget-container {
    text-align: center !important;
    margin-bottom: 15px !important;
}
.elementor-206 .elementor-element.elementor-element-6851c53 svg, 
.elementor-206 .elementor-element.elementor-element-6851c53 i {
    fill: #ffffff !important;
    color: #ffffff !important;
    transition: transform 0.3s ease !important;
}

/* B. Pour le widget TITRE (ex: "Smart TV") */
.elementor-206 .elementor-element.elementor-element-6851c53 .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 8px !important;
}

/* C. Pour le widget TEXTE (ex: "Samsung, LG, Sony") */
.elementor-206 .elementor-element.elementor-element-6851c53 .elementor-text-editor, 
.elementor-206 .elementor-element.elementor-element-6851c53 p {
    color: #94a3b8 !important; /* Gris premium clair */
    text-align: center !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3c0606 *//* Structure, fond premium et ombres de la carte */
.elementor-206 .elementor-element.elementor-element-d3c0606 {
    background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 35px 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Effet au survol de la souris (Hover) */
.elementor-206 .elementor-element.elementor-element-d3c0606:hover {
    transform: translateY(-8px) !important;
    background: linear-gradient(145deg, #233044 0%, #151e32 100%) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Animation de l'icône lors du survol de la carte */
.elementor-206 .elementor-element.elementor-element-d3c0606:hover svg, 
.elementor-206 .elementor-element.elementor-element-d3c0606:hover i {
    transform: scale(1.15) translateY(-5px) !important;
    filter: drop-shadow(0 5px 12px rgba(255, 255, 255, 0.2)) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-54bb781 *//* A. Pour le widget ICÔNE */
.elementor-206 .elementor-element.elementor-element-54bb781 .elementor-widget-container {
    text-align: center !important;
    margin-bottom: 15px !important;
}
.elementor-206 .elementor-element.elementor-element-54bb781 svg, 
.elementor-206 .elementor-element.elementor-element-54bb781 i {
    fill: #ffffff !important;
    color: #ffffff !important;
    transition: transform 0.3s ease !important;
}

/* B. Pour le widget TITRE (ex: "Smart TV") */
.elementor-206 .elementor-element.elementor-element-54bb781 .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 8px !important;
}

/* C. Pour le widget TEXTE (ex: "Samsung, LG, Sony") */
.elementor-206 .elementor-element.elementor-element-54bb781 .elementor-text-editor, 
.elementor-206 .elementor-element.elementor-element-54bb781 p {
    color: #94a3b8 !important; /* Gris premium clair */
    text-align: center !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3215b91 *//* Structure, fond premium et ombres de la carte */
.elementor-206 .elementor-element.elementor-element-3215b91 {
    background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 35px 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Effet au survol de la souris (Hover) */
.elementor-206 .elementor-element.elementor-element-3215b91:hover {
    transform: translateY(-8px) !important;
    background: linear-gradient(145deg, #233044 0%, #151e32 100%) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Animation de l'icône lors du survol de la carte */
.elementor-206 .elementor-element.elementor-element-3215b91:hover svg, 
.elementor-206 .elementor-element.elementor-element-3215b91:hover i {
    transform: scale(1.15) translateY(-5px) !important;
    filter: drop-shadow(0 5px 12px rgba(255, 255, 255, 0.2)) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-663946f *//* A. Pour le widget ICÔNE */
.elementor-206 .elementor-element.elementor-element-663946f .elementor-widget-container {
    text-align: center !important;
    margin-bottom: 15px !important;
}
.elementor-206 .elementor-element.elementor-element-663946f svg, 
.elementor-206 .elementor-element.elementor-element-663946f i {
    fill: #ffffff !important;
    color: #ffffff !important;
    transition: transform 0.3s ease !important;
}

/* B. Pour le widget TITRE (ex: "Smart TV") */
.elementor-206 .elementor-element.elementor-element-663946f .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 8px !important;
}

/* C. Pour le widget TEXTE (ex: "Samsung, LG, Sony") */
.elementor-206 .elementor-element.elementor-element-663946f .elementor-text-editor, 
.elementor-206 .elementor-element.elementor-element-663946f p {
    color: #94a3b8 !important; /* Gris premium clair */
    text-align: center !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12db66e *//* Structure, fond premium et ombres de la carte */
.elementor-206 .elementor-element.elementor-element-12db66e {
    background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 35px 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Effet au survol de la souris (Hover) */
.elementor-206 .elementor-element.elementor-element-12db66e:hover {
    transform: translateY(-8px) !important;
    background: linear-gradient(145deg, #233044 0%, #151e32 100%) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Animation de l'icône lors du survol de la carte */
.elementor-206 .elementor-element.elementor-element-12db66e:hover svg, 
.elementor-206 .elementor-element.elementor-element-12db66e:hover i {
    transform: scale(1.15) translateY(-5px) !important;
    filter: drop-shadow(0 5px 12px rgba(255, 255, 255, 0.2)) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9633e61 *//* A. Pour le widget ICÔNE */
.elementor-206 .elementor-element.elementor-element-9633e61 .elementor-widget-container {
    text-align: center !important;
    margin-bottom: 15px !important;
}
.elementor-206 .elementor-element.elementor-element-9633e61 svg, 
.elementor-206 .elementor-element.elementor-element-9633e61 i {
    fill: #ffffff !important;
    color: #ffffff !important;
    transition: transform 0.3s ease !important;
}

/* B. Pour le widget TITRE (ex: "Smart TV") */
.elementor-206 .elementor-element.elementor-element-9633e61 .elementor-heading-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 8px !important;
}

/* C. Pour le widget TEXTE (ex: "Samsung, LG, Sony") */
.elementor-206 .elementor-element.elementor-element-9633e61 .elementor-text-editor, 
.elementor-206 .elementor-element.elementor-element-9633e61 p {
    color: #94a3b8 !important; /* Gris premium clair */
    text-align: center !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff87baf *//* Structure, fond premium et ombres de la carte */
.elementor-206 .elementor-element.elementor-element-ff87baf {
    background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 35px 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Effet au survol de la souris (Hover) */
.elementor-206 .elementor-element.elementor-element-ff87baf:hover {
    transform: translateY(-8px) !important;
    background: linear-gradient(145deg, #233044 0%, #151e32 100%) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Animation de l'icône lors du survol de la carte */
.elementor-206 .elementor-element.elementor-element-ff87baf:hover svg, 
.elementor-206 .elementor-element.elementor-element-ff87baf:hover i {
    transform: scale(1.15) translateY(-5px) !important;
    filter: drop-shadow(0 5px 12px rgba(255, 255, 255, 0.2)) !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0c5682b *//* ========================================================
   PREMIUM LEFT COLUMN (ICON, TITLE, DESCRIPTION)
   Collez ceci dans le Custom CSS du Conteneur de gauche
   ======================================================== */

/* 1. Espacement du conteneur (Donne de l'air avant les étapes à droite) */
.elementor-206 .elementor-element.elementor-element-0c5682b {
    padding-right: 50px !important;
}

/* 2. Style de l'icône principale (Ex: Écran TV) */
.elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-icon .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; /* Fond bleu très léger */
    border-radius: 16px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    border: 1px solid rgba(30, 58, 138, 0.08) !important;
}

.elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-icon .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-icon .elementor-icon svg {
    color: #1e3a8a !important; /* Bleu premium profond */
    fill: #1e3a8a !important;
    width: 38px !important;
    height: 38px !important;
    font-size: 38px !important;
    transition: all 0.3s ease !important;
}

/* Effet au survol de l'icône (S'inverse et flotte) */
.elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-icon:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 12px 25px rgba(30, 58, 138, 0.25) !important;
    transform: translateY(-6px) !important;
}

.elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-icon:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-icon:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Grand Titre ("Comment installer...") */
.elementor-206 .elementor-element.elementor-element-0c5682b .elementor-heading-title {
    color: #0f172a !important; /* Navy très sombre */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

/* 4. Paragraphe descriptif */
.elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-text-editor,
.elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-text-editor p {
    color: #475569 !important; /* Gris ardoise ultra lisible */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Ajustements Responsive (Tablette & Mobile) */
@media (max-width: 991px) {
    .elementor-206 .elementor-element.elementor-element-0c5682b {
        padding-right: 0 !important;
        margin-bottom: 40px !important;
    }
    .elementor-206 .elementor-element.elementor-element-0c5682b .elementor-heading-title {
        font-size: 30px !important;
    }
}

@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-0c5682b .elementor-heading-title {
        font-size: 26px !important;
    }
    .elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-text-editor,
    .elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-text-editor p {
        font-size: 15px !important;
    }
    .elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-icon .elementor-icon {
        padding: 16px !important;
        margin-bottom: 20px !important;
    }
    .elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-icon .elementor-icon i,
    .elementor-206 .elementor-element.elementor-element-0c5682b .elementor-widget-icon .elementor-icon svg {
        width: 30px !important;
        height: 30px !important;
        font-size: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e3ebca7 *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-e3ebca7 .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-e3ebca7:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-e3ebca7 .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-e3ebca7 .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; 
    border: 1px solid rgba(30, 58, 138, 0.1) !important;
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Premium Blue) */
.elementor-206 .elementor-element.elementor-element-e3ebca7 .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-e3ebca7 .elementor-icon svg {
    color: #1e3a8a !important; 
    fill: #1e3a8a !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-e3ebca7:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.2) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-e3ebca7:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-e3ebca7:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-e3ebca7 .elementor-icon-box-title {
    color: #0f172a !important; /* Deep Dark Navy */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-e3ebca7 .elementor-icon-box-description {
    color: #475569 !important; /* Highly readable slate grey */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-e3ebca7 .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-e3ebca7 .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-997de82 *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-997de82 .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-997de82:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-997de82 .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-997de82 .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; 
    border: 1px solid rgba(30, 58, 138, 0.1) !important;
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Premium Blue) */
.elementor-206 .elementor-element.elementor-element-997de82 .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-997de82 .elementor-icon svg {
    color: #1e3a8a !important; 
    fill: #1e3a8a !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-997de82:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.2) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-997de82:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-997de82:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-997de82 .elementor-icon-box-title {
    color: #0f172a !important; /* Deep Dark Navy */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-997de82 .elementor-icon-box-description {
    color: #475569 !important; /* Highly readable slate grey */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-997de82 .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-997de82 .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-15e992c *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-15e992c .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-15e992c:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-15e992c .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-15e992c .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; 
    border: 1px solid rgba(30, 58, 138, 0.1) !important;
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Premium Blue) */
.elementor-206 .elementor-element.elementor-element-15e992c .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-15e992c .elementor-icon svg {
    color: #1e3a8a !important; 
    fill: #1e3a8a !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-15e992c:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.2) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-15e992c:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-15e992c:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-15e992c .elementor-icon-box-title {
    color: #0f172a !important; /* Deep Dark Navy */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-15e992c .elementor-icon-box-description {
    color: #475569 !important; /* Highly readable slate grey */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-15e992c .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-15e992c .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d234209 *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-d234209 .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-d234209:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-d234209 .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-d234209 .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; 
    border: 1px solid rgba(30, 58, 138, 0.1) !important;
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Premium Blue) */
.elementor-206 .elementor-element.elementor-element-d234209 .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-d234209 .elementor-icon svg {
    color: #1e3a8a !important; 
    fill: #1e3a8a !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-d234209:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.2) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-d234209:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-d234209:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-d234209 .elementor-icon-box-title {
    color: #0f172a !important; /* Deep Dark Navy */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-d234209 .elementor-icon-box-description {
    color: #475569 !important; /* Highly readable slate grey */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-d234209 .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-d234209 .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ec17c6d *//* ========================================================
   PREMIUM LEFT COLUMN (ICON, TITLE, DESCRIPTION)
   Collez ceci dans le Custom CSS du Conteneur de gauche
   ======================================================== */

/* 1. Espacement du conteneur (Donne de l'air avant les étapes à droite) */
.elementor-206 .elementor-element.elementor-element-ec17c6d {
    padding-right: 50px !important;
}

/* 2. Style de l'icône principale (Ex: Écran TV) */
.elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-icon .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; /* Fond bleu très léger */
    border-radius: 16px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    border: 1px solid rgba(30, 58, 138, 0.08) !important;
}

.elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-icon .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-icon .elementor-icon svg {
    color: #1e3a8a !important; /* Bleu premium profond */
    fill: #1e3a8a !important;
    width: 38px !important;
    height: 38px !important;
    font-size: 38px !important;
    transition: all 0.3s ease !important;
}

/* Effet au survol de l'icône (S'inverse et flotte) */
.elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-icon:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 12px 25px rgba(30, 58, 138, 0.25) !important;
    transform: translateY(-6px) !important;
}

.elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-icon:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-icon:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Grand Titre ("Comment installer...") */
.elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-heading-title {
    color: #0f172a !important; /* Navy très sombre */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

/* 4. Paragraphe descriptif */
.elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-text-editor,
.elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-text-editor p {
    color: #475569 !important; /* Gris ardoise ultra lisible */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Ajustements Responsive (Tablette & Mobile) */
@media (max-width: 991px) {
    .elementor-206 .elementor-element.elementor-element-ec17c6d {
        padding-right: 0 !important;
        margin-bottom: 40px !important;
    }
    .elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-heading-title {
        font-size: 30px !important;
    }
}

@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-heading-title {
        font-size: 26px !important;
    }
    .elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-text-editor,
    .elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-text-editor p {
        font-size: 15px !important;
    }
    .elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-icon .elementor-icon {
        padding: 16px !important;
        margin-bottom: 20px !important;
    }
    .elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-icon .elementor-icon i,
    .elementor-206 .elementor-element.elementor-element-ec17c6d .elementor-widget-icon .elementor-icon svg {
        width: 30px !important;
        height: 30px !important;
        font-size: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0c6a212 *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-0c6a212 .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-0c6a212:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-0c6a212 .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-0c6a212 .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important; /* Lighter background for dark theme */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Lighter border */
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Bright Light Blue/White) */
.elementor-206 .elementor-element.elementor-element-0c6a212 .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-0c6a212 .elementor-icon svg {
    color: #38bdf8 !important; /* Bright light blue */
    fill: #38bdf8 !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-0c6a212:hover .elementor-icon {
    background: #38bdf8 !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 8px 20px rgba(56, 189, 248, 0.25) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-0c6a212:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-0c6a212:hover .elementor-icon svg {
    color: #0f172a !important; /* Dark navy for contrast on hover */
    fill: #0f172a !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-0c6a212 .elementor-icon-box-title {
    color: #ffffff !important; /* Pure White */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-0c6a212 .elementor-icon-box-description {
    color: #e2e8f0 !important; /* Bright light-grey/white for perfect readability */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-0c6a212 .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-0c6a212 .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-06d5a6f *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-06d5a6f:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important; /* Lighter background for dark theme */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Lighter border */
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Bright Light Blue/White) */
.elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon svg {
    color: #38bdf8 !important; /* Bright light blue */
    fill: #38bdf8 !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-06d5a6f:hover .elementor-icon {
    background: #38bdf8 !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 8px 20px rgba(56, 189, 248, 0.25) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-06d5a6f:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-06d5a6f:hover .elementor-icon svg {
    color: #0f172a !important; /* Dark navy for contrast on hover */
    fill: #0f172a !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon-box-title {
    color: #ffffff !important; /* Pure White */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon-box-description {
    color: #e2e8f0 !important; /* Bright light-grey/white for perfect readability */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-06d5a6f .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5cbc84a *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-5cbc84a:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important; /* Lighter background for dark theme */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Lighter border */
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Bright Light Blue/White) */
.elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon svg {
    color: #38bdf8 !important; /* Bright light blue */
    fill: #38bdf8 !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-5cbc84a:hover .elementor-icon {
    background: #38bdf8 !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 8px 20px rgba(56, 189, 248, 0.25) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-5cbc84a:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-5cbc84a:hover .elementor-icon svg {
    color: #0f172a !important; /* Dark navy for contrast on hover */
    fill: #0f172a !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon-box-title {
    color: #ffffff !important; /* Pure White */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon-box-description {
    color: #e2e8f0 !important; /* Bright light-grey/white for perfect readability */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-5cbc84a .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-13ce989 *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-13ce989:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important; /* Lighter background for dark theme */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Lighter border */
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Bright Light Blue/White) */
.elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon svg {
    color: #38bdf8 !important; /* Bright light blue */
    fill: #38bdf8 !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-13ce989:hover .elementor-icon {
    background: #38bdf8 !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 8px 20px rgba(56, 189, 248, 0.25) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-13ce989:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-13ce989:hover .elementor-icon svg {
    color: #0f172a !important; /* Dark navy for contrast on hover */
    fill: #0f172a !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon-box-title {
    color: #ffffff !important; /* Pure White */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon-box-description {
    color: #e2e8f0 !important; /* Bright light-grey/white for perfect readability */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-13ce989 .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f0e6eb7 *//* ========================================================
   PREMIUM LEFT COLUMN (ICON, TITLE, DESCRIPTION)
   Collez ceci dans le Custom CSS du Conteneur de gauche
   ======================================================== */

/* 1. Espacement du conteneur (Donne de l'air avant les étapes à droite) */
.elementor-206 .elementor-element.elementor-element-f0e6eb7 {
    padding-right: 50px !important;
}

/* 2. Style de l'icône principale (Ex: Écran TV) */
.elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-icon .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; /* Fond bleu très léger */
    border-radius: 16px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    border: 1px solid rgba(30, 58, 138, 0.08) !important;
}

.elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-icon .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-icon .elementor-icon svg {
    color: #1e3a8a !important; /* Bleu premium profond */
    fill: #1e3a8a !important;
    width: 38px !important;
    height: 38px !important;
    font-size: 38px !important;
    transition: all 0.3s ease !important;
}

/* Effet au survol de l'icône (S'inverse et flotte) */
.elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-icon:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 12px 25px rgba(30, 58, 138, 0.25) !important;
    transform: translateY(-6px) !important;
}

.elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-icon:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-icon:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Grand Titre ("Comment installer...") */
.elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-heading-title {
    color: #0f172a !important; /* Navy très sombre */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

/* 4. Paragraphe descriptif */
.elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-text-editor,
.elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-text-editor p {
    color: #475569 !important; /* Gris ardoise ultra lisible */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Ajustements Responsive (Tablette & Mobile) */
@media (max-width: 991px) {
    .elementor-206 .elementor-element.elementor-element-f0e6eb7 {
        padding-right: 0 !important;
        margin-bottom: 40px !important;
    }
    .elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-heading-title {
        font-size: 30px !important;
    }
}

@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-heading-title {
        font-size: 26px !important;
    }
    .elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-text-editor,
    .elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-text-editor p {
        font-size: 15px !important;
    }
    .elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-icon .elementor-icon {
        padding: 16px !important;
        margin-bottom: 20px !important;
    }
    .elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-icon .elementor-icon i,
    .elementor-206 .elementor-element.elementor-element-f0e6eb7 .elementor-widget-icon .elementor-icon svg {
        width: 30px !important;
        height: 30px !important;
        font-size: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5ed0f01 *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-5ed0f01 .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-5ed0f01:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-5ed0f01 .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-5ed0f01 .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; 
    border: 1px solid rgba(30, 58, 138, 0.1) !important;
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Premium Blue) */
.elementor-206 .elementor-element.elementor-element-5ed0f01 .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-5ed0f01 .elementor-icon svg {
    color: #1e3a8a !important; 
    fill: #1e3a8a !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-5ed0f01:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.2) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-5ed0f01:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-5ed0f01:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-5ed0f01 .elementor-icon-box-title {
    color: #0f172a !important; /* Deep Dark Navy */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-5ed0f01 .elementor-icon-box-description {
    color: #475569 !important; /* Highly readable slate grey */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-5ed0f01 .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-5ed0f01 .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9e2918c *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-9e2918c .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-9e2918c:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-9e2918c .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-9e2918c .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; 
    border: 1px solid rgba(30, 58, 138, 0.1) !important;
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Premium Blue) */
.elementor-206 .elementor-element.elementor-element-9e2918c .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-9e2918c .elementor-icon svg {
    color: #1e3a8a !important; 
    fill: #1e3a8a !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-9e2918c:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.2) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-9e2918c:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-9e2918c:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-9e2918c .elementor-icon-box-title {
    color: #0f172a !important; /* Deep Dark Navy */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-9e2918c .elementor-icon-box-description {
    color: #475569 !important; /* Highly readable slate grey */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-9e2918c .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-9e2918c .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-99362eb *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-99362eb .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-99362eb:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-99362eb .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-99362eb .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; 
    border: 1px solid rgba(30, 58, 138, 0.1) !important;
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Premium Blue) */
.elementor-206 .elementor-element.elementor-element-99362eb .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-99362eb .elementor-icon svg {
    color: #1e3a8a !important; 
    fill: #1e3a8a !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-99362eb:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.2) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-99362eb:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-99362eb:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-99362eb .elementor-icon-box-title {
    color: #0f172a !important; /* Deep Dark Navy */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-99362eb .elementor-icon-box-description {
    color: #475569 !important; /* Highly readable slate grey */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-99362eb .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-99362eb .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-abc00f5 *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-abc00f5 .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-abc00f5:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-abc00f5 .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-abc00f5 .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; 
    border: 1px solid rgba(30, 58, 138, 0.1) !important;
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Premium Blue) */
.elementor-206 .elementor-element.elementor-element-abc00f5 .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-abc00f5 .elementor-icon svg {
    color: #1e3a8a !important; 
    fill: #1e3a8a !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-abc00f5:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.2) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-abc00f5:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-abc00f5:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-abc00f5 .elementor-icon-box-title {
    color: #0f172a !important; /* Deep Dark Navy */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-abc00f5 .elementor-icon-box-description {
    color: #475569 !important; /* Highly readable slate grey */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-abc00f5 .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-abc00f5 .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-020a6a4 *//* ========================================================
   PREMIUM LEFT COLUMN (ICON, TITLE, DESCRIPTION)
   Collez ceci dans le Custom CSS du Conteneur de gauche
   ======================================================== */

/* 1. Espacement du conteneur (Donne de l'air avant les étapes à droite) */
.elementor-206 .elementor-element.elementor-element-020a6a4 {
    padding-right: 50px !important;
}

/* 2. Style de l'icône principale (Ex: Écran TV) */
.elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-icon .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 58, 138, 0.04) !important; /* Fond bleu très léger */
    border-radius: 16px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    border: 1px solid rgba(30, 58, 138, 0.08) !important;
}

.elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-icon .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-icon .elementor-icon svg {
    color: #1e3a8a !important; /* Bleu premium profond */
    fill: #1e3a8a !important;
    width: 38px !important;
    height: 38px !important;
    font-size: 38px !important;
    transition: all 0.3s ease !important;
}

/* Effet au survol de l'icône (S'inverse et flotte) */
.elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-icon:hover .elementor-icon {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
    box-shadow: 0 12px 25px rgba(30, 58, 138, 0.25) !important;
    transform: translateY(-6px) !important;
}

.elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-icon:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-icon:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Grand Titre ("Comment installer...") */
.elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-heading-title {
    color: #0f172a !important; /* Navy très sombre */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

/* 4. Paragraphe descriptif */
.elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-text-editor,
.elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-text-editor p {
    color: #475569 !important; /* Gris ardoise ultra lisible */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Ajustements Responsive (Tablette & Mobile) */
@media (max-width: 991px) {
    .elementor-206 .elementor-element.elementor-element-020a6a4 {
        padding-right: 0 !important;
        margin-bottom: 40px !important;
    }
    .elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-heading-title {
        font-size: 30px !important;
    }
}

@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-heading-title {
        font-size: 26px !important;
    }
    .elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-text-editor,
    .elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-text-editor p {
        font-size: 15px !important;
    }
    .elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-icon .elementor-icon {
        padding: 16px !important;
        margin-bottom: 20px !important;
    }
    .elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-icon .elementor-icon i,
    .elementor-206 .elementor-element.elementor-element-020a6a4 .elementor-widget-icon .elementor-icon svg {
        width: 30px !important;
        height: 30px !important;
        font-size: 30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-59a2087 *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-59a2087:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important; /* Lighter background for dark theme */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Lighter border */
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Bright Light Blue/White) */
.elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon svg {
    color: #38bdf8 !important; /* Bright light blue */
    fill: #38bdf8 !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-59a2087:hover .elementor-icon {
    background: #38bdf8 !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 8px 20px rgba(56, 189, 248, 0.25) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-59a2087:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-59a2087:hover .elementor-icon svg {
    color: #0f172a !important; /* Dark navy for contrast on hover */
    fill: #0f172a !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon-box-title {
    color: #ffffff !important; /* Pure White */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon-box-description {
    color: #e2e8f0 !important; /* Bright light-grey/white for perfect readability */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-59a2087 .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7ad04c2 *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-7ad04c2:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important; /* Lighter background for dark theme */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Lighter border */
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Bright Light Blue/White) */
.elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon svg {
    color: #38bdf8 !important; /* Bright light blue */
    fill: #38bdf8 !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-7ad04c2:hover .elementor-icon {
    background: #38bdf8 !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 8px 20px rgba(56, 189, 248, 0.25) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-7ad04c2:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-7ad04c2:hover .elementor-icon svg {
    color: #0f172a !important; /* Dark navy for contrast on hover */
    fill: #0f172a !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon-box-title {
    color: #ffffff !important; /* Pure White */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon-box-description {
    color: #e2e8f0 !important; /* Bright light-grey/white for perfect readability */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-7ad04c2 .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f650a5a *//* ========================================================
   PREMIUM ICON BOX (INSTALLATION STEPS)
   ======================================================== */

/* 1. Main Wrapper & Hover Effect */
.elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px 0 !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.elementor-206 .elementor-element.elementor-element-f650a5a:hover .elementor-icon-box-wrapper {
    transform: translateX(8px) !important; /* Subtle indent effect on hover */
}

/* 2. Icon Container Styling */
.elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon-box-icon {
    margin-right: 24px !important; /* Clean spacing between icon and text */
    margin-top: 2px !important;
}

/* Soft premium background for the icon */
.elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important; /* Lighter background for dark theme */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Lighter border */
    border-radius: 12px !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Icon Color (Bright Light Blue/White) */
.elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon svg {
    color: #38bdf8 !important; /* Bright light blue */
    fill: #38bdf8 !important;
    transition: all 0.3s ease !important;
}

/* Icon Hover State (Inverts to solid blue + shadow) */
.elementor-206 .elementor-element.elementor-element-f650a5a:hover .elementor-icon {
    background: #38bdf8 !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 8px 20px rgba(56, 189, 248, 0.25) !important;
    transform: scale(1.05) !important;
}

.elementor-206 .elementor-element.elementor-element-f650a5a:hover .elementor-icon i,
.elementor-206 .elementor-element.elementor-element-f650a5a:hover .elementor-icon svg {
    color: #0f172a !important; /* Dark navy for contrast on hover */
    fill: #0f172a !important;
}

/* 3. Title Styling */
.elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon-box-title {
    color: #ffffff !important; /* Pure White */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* 4. Description Styling */
.elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon-box-description {
    color: #e2e8f0 !important; /* Bright light-grey/white for perfect readability */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 767px) {
    .elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon-box-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-206 .elementor-element.elementor-element-f650a5a .elementor-icon-box-icon {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */