.elementor-337 .elementor-element.elementor-element-ea0bdb9{--display:flex;--padding-top:48px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-337 .elementor-element.elementor-element-fc34bda{text-align:center;}.elementor-337 .elementor-element.elementor-element-fc34bda .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;}.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-337 .elementor-element.elementor-element-a0dbe70{text-align:center;}.elementor-337 .elementor-element.elementor-element-0ff6167{--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;}.elementor-337 .elementor-element.elementor-element-7bf97a9{--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-337 .elementor-element.elementor-element-2e06c06{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-2e06c06.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-337 .elementor-element.elementor-element-fbc3900{text-align:center;}.elementor-337 .elementor-element.elementor-element-fbc3900 img{width:100%;max-width:100%;}.elementor-337 .elementor-element.elementor-element-fbc3900:hover img{opacity:1;}.elementor-337 .elementor-element.elementor-element-c315a52{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-337 .elementor-element.elementor-element-c315a52.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-c735314{text-align:center;}.elementor-337 .elementor-element.elementor-element-c735314 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-337 .elementor-element.elementor-element-d992fab{margin:-1px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;padding:-1px -1px -1px -1px;text-align:center;}.elementor-337 .elementor-element.elementor-element-6c918e5{--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-337 .elementor-element.elementor-element-13c0a0f{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-13c0a0f.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-52dd3e1{text-align:center;}.elementor-337 .elementor-element.elementor-element-52dd3e1 img{width:100%;max-width:100%;}.elementor-337 .elementor-element.elementor-element-52dd3e1:hover img{opacity:1;}.elementor-337 .elementor-element.elementor-element-9f52ee5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-337 .elementor-element.elementor-element-9f52ee5.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-43161ea{text-align:center;}.elementor-337 .elementor-element.elementor-element-43161ea .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-337 .elementor-element.elementor-element-55425ed{margin:-1px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;padding:-1px -1px -1px -1px;text-align:center;}.elementor-337 .elementor-element.elementor-element-7bf86a3{--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-337 .elementor-element.elementor-element-82ef2d8{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-82ef2d8.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-e3c636e{text-align:center;}.elementor-337 .elementor-element.elementor-element-e3c636e img{width:100%;max-width:100%;}.elementor-337 .elementor-element.elementor-element-e3c636e:hover img{opacity:1;}.elementor-337 .elementor-element.elementor-element-9e01173{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-337 .elementor-element.elementor-element-9e01173.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-48ca2b1{text-align:center;}.elementor-337 .elementor-element.elementor-element-48ca2b1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-337 .elementor-element.elementor-element-029e55d{margin:-1px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;padding:-1px -1px -1px -1px;text-align:center;}.elementor-337 .elementor-element.elementor-element-43e6291{--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-337 .elementor-element.elementor-element-317013d{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-317013d.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-608ebcd{text-align:center;}.elementor-337 .elementor-element.elementor-element-608ebcd img{width:100%;max-width:100%;}.elementor-337 .elementor-element.elementor-element-608ebcd:hover img{opacity:1;}.elementor-337 .elementor-element.elementor-element-855b8e6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-337 .elementor-element.elementor-element-855b8e6.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-cd8c459{text-align:center;}.elementor-337 .elementor-element.elementor-element-cd8c459 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-337 .elementor-element.elementor-element-36b694c{margin:-1px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;padding:-1px -1px -1px -1px;text-align:center;}.elementor-337 .elementor-element.elementor-element-6c6bbe6{--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-337 .elementor-element.elementor-element-03512d6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-03512d6.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-6c73b9f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-337 .elementor-element.elementor-element-6c73b9f.elementor-element{--align-self:stretch;}.elementor-337 .elementor-element.elementor-element-6c73b9f img{width:100%;max-width:100%;}.elementor-337 .elementor-element.elementor-element-6c73b9f:hover img{opacity:1;}.elementor-337 .elementor-element.elementor-element-1b8f9e6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-337 .elementor-element.elementor-element-1b8f9e6.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-acafbb4{text-align:center;}.elementor-337 .elementor-element.elementor-element-acafbb4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-337 .elementor-element.elementor-element-ca87b39{margin:-1px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;padding:-1px -1px -1px -1px;text-align:center;}.elementor-337 .elementor-element.elementor-element-46be0da{--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-337 .elementor-element.elementor-element-0801a66{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-0801a66.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-8e50288{text-align:center;}.elementor-337 .elementor-element.elementor-element-8e50288 img{width:100%;max-width:100%;}.elementor-337 .elementor-element.elementor-element-8e50288:hover img{opacity:1;}.elementor-337 .elementor-element.elementor-element-b7ee434{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-337 .elementor-element.elementor-element-b7ee434.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-64bb4db{text-align:center;}.elementor-337 .elementor-element.elementor-element-64bb4db .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-337 .elementor-element.elementor-element-48e913b{margin:-1px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;padding:-1px -1px -1px -1px;text-align:center;}.elementor-337 .elementor-element.elementor-element-e8ea2d2{--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-337 .elementor-element.elementor-element-3cae35c{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-3cae35c.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-4a46898{text-align:center;}.elementor-337 .elementor-element.elementor-element-4a46898 img{width:100%;max-width:100%;}.elementor-337 .elementor-element.elementor-element-4a46898:hover img{opacity:1;}.elementor-337 .elementor-element.elementor-element-2de9a13{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-337 .elementor-element.elementor-element-2de9a13.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-25890ae{text-align:center;}.elementor-337 .elementor-element.elementor-element-25890ae .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-337 .elementor-element.elementor-element-976e023{margin:-1px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;padding:-1px -1px -1px -1px;text-align:center;}.elementor-337 .elementor-element.elementor-element-148f0fd{--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-337 .elementor-element.elementor-element-bbde580{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-bbde580.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-32347cd{text-align:center;}.elementor-337 .elementor-element.elementor-element-32347cd img{width:100%;max-width:100%;}.elementor-337 .elementor-element.elementor-element-32347cd:hover img{opacity:1;}.elementor-337 .elementor-element.elementor-element-7c94dd3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-337 .elementor-element.elementor-element-7c94dd3.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-d4ae2f9{text-align:center;}.elementor-337 .elementor-element.elementor-element-d4ae2f9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-337 .elementor-element.elementor-element-b4d8df4{margin:-1px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;padding:-1px -1px -1px -1px;text-align:center;}.elementor-337 .elementor-element.elementor-element-4a6d8a6{--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-337 .elementor-element.elementor-element-6971679{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-6971679.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-4c2692b{text-align:center;}.elementor-337 .elementor-element.elementor-element-4c2692b img{width:100%;max-width:100%;}.elementor-337 .elementor-element.elementor-element-4c2692b:hover img{opacity:1;}.elementor-337 .elementor-element.elementor-element-a0b33f7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-337 .elementor-element.elementor-element-a0b33f7.e-con{--align-self:center;}.elementor-337 .elementor-element.elementor-element-bd57b9f{text-align:center;}.elementor-337 .elementor-element.elementor-element-bd57b9f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-337 .elementor-element.elementor-element-f58b34c{margin:-1px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;padding:-1px -1px -1px -1px;text-align:center;}.elementor-337 .elementor-element.elementor-element-2486907{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-337 .elementor-element.elementor-element-e11d094{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-337 .elementor-element.elementor-element-0e3c6ad{text-align:center;}.elementor-337 .elementor-element.elementor-element-0e3c6ad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:500;color:#000000;}.elementor-337 .elementor-element.elementor-element-24db7ae{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:25px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-337 .elementor-element.elementor-element-24db7ae .elementor-social-icon{background-color:#FFFFFF00;}.elementor-337 .elementor-element.elementor-element-24db7ae .elementor-social-icon i{color:#000000;}.elementor-337 .elementor-element.elementor-element-24db7ae .elementor-social-icon svg{fill:#000000;}@media(max-width:767px){.elementor-337 .elementor-element.elementor-element-2486907{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-337 .elementor-element.elementor-element-0e3c6ad .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-337 .elementor-element.elementor-element-7bf97a9{--width:33.3333%;}.elementor-337 .elementor-element.elementor-element-2e06c06{--width:95%;}.elementor-337 .elementor-element.elementor-element-c315a52{--width:90%;}.elementor-337 .elementor-element.elementor-element-6c918e5{--width:33.3333%;}.elementor-337 .elementor-element.elementor-element-13c0a0f{--width:95%;}.elementor-337 .elementor-element.elementor-element-9f52ee5{--width:90%;}.elementor-337 .elementor-element.elementor-element-7bf86a3{--width:33.3333%;}.elementor-337 .elementor-element.elementor-element-82ef2d8{--width:95%;}.elementor-337 .elementor-element.elementor-element-9e01173{--width:90%;}.elementor-337 .elementor-element.elementor-element-43e6291{--width:33.3333%;}.elementor-337 .elementor-element.elementor-element-317013d{--width:95%;}.elementor-337 .elementor-element.elementor-element-855b8e6{--width:90%;}.elementor-337 .elementor-element.elementor-element-6c6bbe6{--width:33.3333%;}.elementor-337 .elementor-element.elementor-element-03512d6{--width:95%;}.elementor-337 .elementor-element.elementor-element-1b8f9e6{--width:90%;}.elementor-337 .elementor-element.elementor-element-46be0da{--width:33.3333%;}.elementor-337 .elementor-element.elementor-element-0801a66{--width:95%;}.elementor-337 .elementor-element.elementor-element-b7ee434{--width:90%;}.elementor-337 .elementor-element.elementor-element-e8ea2d2{--width:33.3333%;}.elementor-337 .elementor-element.elementor-element-3cae35c{--width:95%;}.elementor-337 .elementor-element.elementor-element-2de9a13{--width:90%;}.elementor-337 .elementor-element.elementor-element-148f0fd{--width:33.3333%;}.elementor-337 .elementor-element.elementor-element-bbde580{--width:95%;}.elementor-337 .elementor-element.elementor-element-7c94dd3{--width:90%;}.elementor-337 .elementor-element.elementor-element-4a6d8a6{--width:33.3333%;}.elementor-337 .elementor-element.elementor-element-6971679{--width:95%;}.elementor-337 .elementor-element.elementor-element-a0b33f7{--width:90%;}.elementor-337 .elementor-element.elementor-element-2486907{--content-width:1200px;}}/* Start custom CSS for container, class: .elementor-element-2e06c06 *//* =========================================
   SPEEDFLOOR – KAFLE ZASTOSOWAŃ
   WERSJA KOMPAKTOWA
   ========================================= */

.sf-zastosowanie-card {
    
    background: #ffffff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* czerwony akcent na hover */
.sf-zastosowanie-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--e-global-color-primary, #d71920);

    z-index: 3;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}


/* =========================================
   ZDJĘCIE – OGRANICZONA WYSOKOŚĆ
   ========================================= */

.sf-zastosowanie-image {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;

    height: 210px;
}

.sf-zastosowanie-image .elementor-widget-container {
    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

.sf-zastosowanie-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* =========================================
   NAGŁÓWEK
   ========================================= */

.sf-zastosowanie-title {
    margin: 0 !important;
    padding: 5px 10px 0 !important;
}

.sf-zastosowanie-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;

    color: #3f4658;

    transition: color 0.25s ease;
}


/* =========================================
   TEXT 1 – ZASTOSOWANIA
   ========================================= */

.sf-zastosowanie-examples {
    margin: 0 !important;
    padding: px px 0 !important;
}

.sf-zastosowanie-examples .elementor-widget-container,
.sf-zastosowanie-examples p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-examples p {
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 400;

    color: #6a6f78;
}


/* =========================================
   TEXT 2 – PRODUKTY
   ========================================= */

.sf-zastosowanie-products {
    margin: 0 !important;
    padding: 3px 12px 10px !important;

    background: transparent;
    border: none;
}

.sf-zastosowanie-products .elementor-widget-container,
.sf-zastosowanie-products p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-products p {
    font-size: 11.5px;
    line-height: 1.2;
    font-weight: 600;

    color: #4a5060;
}


/* =========================================
   HOVER
   ========================================= */

.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

.sf-zastosowanie-card:hover::before {
    transform: scaleX(1);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* =========================================
   MNIEJSZE LAPTOPY
   ========================================= */

@media (max-width: 1350px) and (min-width: 768px) {

    .sf-zastosowanie-image {
        height: 185px;
    }

    .sf-zastosowanie-title .elementor-heading-title {
        font-size: 16px;
    }

    .sf-zastosowanie-examples p {
        font-size: 11.5px;
    }

    .sf-zastosowanie-products p {
        font-size: 10.5px;
    }
}
/* ===== KAFEL KLIKALNY ===== */

.sf-zastosowanie-card {
    cursor: pointer;
}


/* bardziej czytelna reakcja na hover */
.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}


/* zdjęcie lekko się przybliża */
.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}


/* nagłówek robi się czerwony */
.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* rozwiązania również delikatnie reagują */
.sf-zastosowanie-card:hover
.sf-zastosowanie-products p {
    color: var(--e-global-color-primary, #d71920);
}


/* płynne przejścia */
.sf-zastosowanie-products p {
    transition: color 0.25s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13c0a0f *//* =========================================
   SPEEDFLOOR – KAFLE ZASTOSOWAŃ
   WERSJA KOMPAKTOWA
   ========================================= */

.sf-zastosowanie-card {
    
    background: #ffffff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* czerwony akcent na hover */
.sf-zastosowanie-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--e-global-color-primary, #d71920);

    z-index: 3;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}


/* =========================================
   ZDJĘCIE – OGRANICZONA WYSOKOŚĆ
   ========================================= */

.sf-zastosowanie-image {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;

    height: 210px;
}

.sf-zastosowanie-image .elementor-widget-container {
    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

.sf-zastosowanie-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* =========================================
   NAGŁÓWEK
   ========================================= */

.sf-zastosowanie-title {
    margin: 0 !important;
    padding: 5px 10px 0 !important;
}

.sf-zastosowanie-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;

    color: #3f4658;

    transition: color 0.25s ease;
}


/* =========================================
   TEXT 1 – ZASTOSOWANIA
   ========================================= */

.sf-zastosowanie-examples {
    margin: 0 !important;
    padding: px px 0 !important;
}

.sf-zastosowanie-examples .elementor-widget-container,
.sf-zastosowanie-examples p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-examples p {
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 400;

    color: #6a6f78;
}


/* =========================================
   TEXT 2 – PRODUKTY
   ========================================= */

.sf-zastosowanie-products {
    margin: 0 !important;
    padding: 3px 12px 10px !important;

    background: transparent;
    border: none;
}

.sf-zastosowanie-products .elementor-widget-container,
.sf-zastosowanie-products p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-products p {
    font-size: 11.5px;
    line-height: 1.2;
    font-weight: 600;

    color: #4a5060;
}


/* =========================================
   HOVER
   ========================================= */

.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

.sf-zastosowanie-card:hover::before {
    transform: scaleX(1);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* =========================================
   MNIEJSZE LAPTOPY
   ========================================= */

@media (max-width: 1350px) and (min-width: 768px) {

    .sf-zastosowanie-image {
        height: 185px;
    }

    .sf-zastosowanie-title .elementor-heading-title {
        font-size: 16px;
    }

    .sf-zastosowanie-examples p {
        font-size: 11.5px;
    }

    .sf-zastosowanie-products p {
        font-size: 10.5px;
    }
}
/* ===== KAFEL KLIKALNY ===== */

.sf-zastosowanie-card {
    cursor: pointer;
}


/* bardziej czytelna reakcja na hover */
.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}


/* zdjęcie lekko się przybliża */
.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}


/* nagłówek robi się czerwony */
.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* rozwiązania również delikatnie reagują */
.sf-zastosowanie-card:hover
.sf-zastosowanie-products p {
    color: var(--e-global-color-primary, #d71920);
}


/* płynne przejścia */
.sf-zastosowanie-products p {
    transition: color 0.25s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82ef2d8 *//* =========================================
   SPEEDFLOOR – KAFLE ZASTOSOWAŃ
   WERSJA KOMPAKTOWA
   ========================================= */

.sf-zastosowanie-card {
    
    background: #ffffff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* czerwony akcent na hover */
.sf-zastosowanie-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--e-global-color-primary, #d71920);

    z-index: 3;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}


/* =========================================
   ZDJĘCIE – OGRANICZONA WYSOKOŚĆ
   ========================================= */

.sf-zastosowanie-image {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;

    height: 210px;
}

.sf-zastosowanie-image .elementor-widget-container {
    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

.sf-zastosowanie-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* =========================================
   NAGŁÓWEK
   ========================================= */

.sf-zastosowanie-title {
    margin: 0 !important;
    padding: 5px 10px 0 !important;
}

.sf-zastosowanie-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;

    color: #3f4658;

    transition: color 0.25s ease;
}


/* =========================================
   TEXT 1 – ZASTOSOWANIA
   ========================================= */

.sf-zastosowanie-examples {
    margin: 0 !important;
    padding: px px 0 !important;
}

.sf-zastosowanie-examples .elementor-widget-container,
.sf-zastosowanie-examples p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-examples p {
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 400;

    color: #6a6f78;
}


/* =========================================
   TEXT 2 – PRODUKTY
   ========================================= */

.sf-zastosowanie-products {
    margin: 0 !important;
    padding: 3px 12px 10px !important;

    background: transparent;
    border: none;
}

.sf-zastosowanie-products .elementor-widget-container,
.sf-zastosowanie-products p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-products p {
    font-size: 11.5px;
    line-height: 1.2;
    font-weight: 600;

    color: #4a5060;
}


/* =========================================
   HOVER
   ========================================= */

.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

.sf-zastosowanie-card:hover::before {
    transform: scaleX(1);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* =========================================
   MNIEJSZE LAPTOPY
   ========================================= */

@media (max-width: 1350px) and (min-width: 768px) {

    .sf-zastosowanie-image {
        height: 185px;
    }

    .sf-zastosowanie-title .elementor-heading-title {
        font-size: 16px;
    }

    .sf-zastosowanie-examples p {
        font-size: 11.5px;
    }

    .sf-zastosowanie-products p {
        font-size: 10.5px;
    }
}
/* ===== KAFEL KLIKALNY ===== */

.sf-zastosowanie-card {
    cursor: pointer;
}


/* bardziej czytelna reakcja na hover */
.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}


/* zdjęcie lekko się przybliża */
.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}


/* nagłówek robi się czerwony */
.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* rozwiązania również delikatnie reagują */
.sf-zastosowanie-card:hover
.sf-zastosowanie-products p {
    color: var(--e-global-color-primary, #d71920);
}


/* płynne przejścia */
.sf-zastosowanie-products p {
    transition: color 0.25s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-317013d *//* =========================================
   SPEEDFLOOR – KAFLE ZASTOSOWAŃ
   WERSJA KOMPAKTOWA
   ========================================= */

.sf-zastosowanie-card {
    
    background: #ffffff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* czerwony akcent na hover */
.sf-zastosowanie-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--e-global-color-primary, #d71920);

    z-index: 3;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}


/* =========================================
   ZDJĘCIE – OGRANICZONA WYSOKOŚĆ
   ========================================= */

.sf-zastosowanie-image {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;

    height: 210px;
}

.sf-zastosowanie-image .elementor-widget-container {
    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

.sf-zastosowanie-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* =========================================
   NAGŁÓWEK
   ========================================= */

.sf-zastosowanie-title {
    margin: 0 !important;
    padding: 5px 10px 0 !important;
}

.sf-zastosowanie-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;

    color: #3f4658;

    transition: color 0.25s ease;
}


/* =========================================
   TEXT 1 – ZASTOSOWANIA
   ========================================= */

.sf-zastosowanie-examples {
    margin: 0 !important;
    padding: px px 0 !important;
}

.sf-zastosowanie-examples .elementor-widget-container,
.sf-zastosowanie-examples p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-examples p {
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 400;

    color: #6a6f78;
}


/* =========================================
   TEXT 2 – PRODUKTY
   ========================================= */

.sf-zastosowanie-products {
    margin: 0 !important;
    padding: 3px 12px 10px !important;

    background: transparent;
    border: none;
}

.sf-zastosowanie-products .elementor-widget-container,
.sf-zastosowanie-products p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-products p {
    font-size: 11.5px;
    line-height: 1.2;
    font-weight: 600;

    color: #4a5060;
}


/* =========================================
   HOVER
   ========================================= */

.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

.sf-zastosowanie-card:hover::before {
    transform: scaleX(1);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* =========================================
   MNIEJSZE LAPTOPY
   ========================================= */

@media (max-width: 1350px) and (min-width: 768px) {

    .sf-zastosowanie-image {
        height: 185px;
    }

    .sf-zastosowanie-title .elementor-heading-title {
        font-size: 16px;
    }

    .sf-zastosowanie-examples p {
        font-size: 11.5px;
    }

    .sf-zastosowanie-products p {
        font-size: 10.5px;
    }
}
/* ===== KAFEL KLIKALNY ===== */

.sf-zastosowanie-card {
    cursor: pointer;
}


/* bardziej czytelna reakcja na hover */
.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}


/* zdjęcie lekko się przybliża */
.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}


/* nagłówek robi się czerwony */
.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* rozwiązania również delikatnie reagują */
.sf-zastosowanie-card:hover
.sf-zastosowanie-products p {
    color: var(--e-global-color-primary, #d71920);
}


/* płynne przejścia */
.sf-zastosowanie-products p {
    transition: color 0.25s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03512d6 *//* =========================================
   SPEEDFLOOR – KAFLE ZASTOSOWAŃ
   WERSJA KOMPAKTOWA
   ========================================= */

.sf-zastosowanie-card {
    
    background: #ffffff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* czerwony akcent na hover */
.sf-zastosowanie-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--e-global-color-primary, #d71920);

    z-index: 3;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}


/* =========================================
   ZDJĘCIE – OGRANICZONA WYSOKOŚĆ
   ========================================= */

.sf-zastosowanie-image {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;

    height: 210px;
}

.sf-zastosowanie-image .elementor-widget-container {
    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

.sf-zastosowanie-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* =========================================
   NAGŁÓWEK
   ========================================= */

.sf-zastosowanie-title {
    margin: 0 !important;
    padding: 5px 10px 0 !important;
}

.sf-zastosowanie-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;

    color: #3f4658;

    transition: color 0.25s ease;
}


/* =========================================
   TEXT 1 – ZASTOSOWANIA
   ========================================= */

.sf-zastosowanie-examples {
    margin: 0 !important;
    padding: px px 0 !important;
}

.sf-zastosowanie-examples .elementor-widget-container,
.sf-zastosowanie-examples p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-examples p {
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 400;

    color: #6a6f78;
}


/* =========================================
   TEXT 2 – PRODUKTY
   ========================================= */

.sf-zastosowanie-products {
    margin: 0 !important;
    padding: 3px 12px 10px !important;

    background: transparent;
    border: none;
}

.sf-zastosowanie-products .elementor-widget-container,
.sf-zastosowanie-products p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-products p {
    font-size: 11.5px;
    line-height: 1.2;
    font-weight: 600;

    color: #4a5060;
}


/* =========================================
   HOVER
   ========================================= */

.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

.sf-zastosowanie-card:hover::before {
    transform: scaleX(1);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* =========================================
   MNIEJSZE LAPTOPY
   ========================================= */

@media (max-width: 1350px) and (min-width: 768px) {

    .sf-zastosowanie-image {
        height: 185px;
    }

    .sf-zastosowanie-title .elementor-heading-title {
        font-size: 16px;
    }

    .sf-zastosowanie-examples p {
        font-size: 11.5px;
    }

    .sf-zastosowanie-products p {
        font-size: 10.5px;
    }
}
/* ===== KAFEL KLIKALNY ===== */

.sf-zastosowanie-card {
    cursor: pointer;
}


/* bardziej czytelna reakcja na hover */
.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}


/* zdjęcie lekko się przybliża */
.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}


/* nagłówek robi się czerwony */
.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* rozwiązania również delikatnie reagują */
.sf-zastosowanie-card:hover
.sf-zastosowanie-products p {
    color: var(--e-global-color-primary, #d71920);
}


/* płynne przejścia */
.sf-zastosowanie-products p {
    transition: color 0.25s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0801a66 *//* =========================================
   SPEEDFLOOR – KAFLE ZASTOSOWAŃ
   WERSJA KOMPAKTOWA
   ========================================= */

.sf-zastosowanie-card {
    
    background: #ffffff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* czerwony akcent na hover */
.sf-zastosowanie-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--e-global-color-primary, #d71920);

    z-index: 3;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}


/* =========================================
   ZDJĘCIE – OGRANICZONA WYSOKOŚĆ
   ========================================= */

.sf-zastosowanie-image {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;

    height: 210px;
}

.sf-zastosowanie-image .elementor-widget-container {
    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

.sf-zastosowanie-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* =========================================
   NAGŁÓWEK
   ========================================= */

.sf-zastosowanie-title {
    margin: 0 !important;
    padding: 5px 10px 0 !important;
}

.sf-zastosowanie-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;

    color: #3f4658;

    transition: color 0.25s ease;
}


/* =========================================
   TEXT 1 – ZASTOSOWANIA
   ========================================= */

.sf-zastosowanie-examples {
    margin: 0 !important;
    padding: px px 0 !important;
}

.sf-zastosowanie-examples .elementor-widget-container,
.sf-zastosowanie-examples p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-examples p {
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 400;

    color: #6a6f78;
}


/* =========================================
   TEXT 2 – PRODUKTY
   ========================================= */

.sf-zastosowanie-products {
    margin: 0 !important;
    padding: 3px 12px 10px !important;

    background: transparent;
    border: none;
}

.sf-zastosowanie-products .elementor-widget-container,
.sf-zastosowanie-products p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-products p {
    font-size: 11.5px;
    line-height: 1.2;
    font-weight: 600;

    color: #4a5060;
}


/* =========================================
   HOVER
   ========================================= */

.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

.sf-zastosowanie-card:hover::before {
    transform: scaleX(1);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* =========================================
   MNIEJSZE LAPTOPY
   ========================================= */

@media (max-width: 1350px) and (min-width: 768px) {

    .sf-zastosowanie-image {
        height: 185px;
    }

    .sf-zastosowanie-title .elementor-heading-title {
        font-size: 16px;
    }

    .sf-zastosowanie-examples p {
        font-size: 11.5px;
    }

    .sf-zastosowanie-products p {
        font-size: 10.5px;
    }
}
/* ===== KAFEL KLIKALNY ===== */

.sf-zastosowanie-card {
    cursor: pointer;
}


/* bardziej czytelna reakcja na hover */
.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}


/* zdjęcie lekko się przybliża */
.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}


/* nagłówek robi się czerwony */
.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* rozwiązania również delikatnie reagują */
.sf-zastosowanie-card:hover
.sf-zastosowanie-products p {
    color: var(--e-global-color-primary, #d71920);
}


/* płynne przejścia */
.sf-zastosowanie-products p {
    transition: color 0.25s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cae35c *//* =========================================
   SPEEDFLOOR – KAFLE ZASTOSOWAŃ
   WERSJA KOMPAKTOWA
   ========================================= */

.sf-zastosowanie-card {
    
    background: #ffffff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* czerwony akcent na hover */
.sf-zastosowanie-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--e-global-color-primary, #d71920);

    z-index: 3;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}


/* =========================================
   ZDJĘCIE – OGRANICZONA WYSOKOŚĆ
   ========================================= */

.sf-zastosowanie-image {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;

    height: 210px;
}

.sf-zastosowanie-image .elementor-widget-container {
    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

.sf-zastosowanie-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* =========================================
   NAGŁÓWEK
   ========================================= */

.sf-zastosowanie-title {
    margin: 0 !important;
    padding: 5px 10px 0 !important;
}

.sf-zastosowanie-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;

    color: #3f4658;

    transition: color 0.25s ease;
}


/* =========================================
   TEXT 1 – ZASTOSOWANIA
   ========================================= */

.sf-zastosowanie-examples {
    margin: 0 !important;
    padding: px px 0 !important;
}

.sf-zastosowanie-examples .elementor-widget-container,
.sf-zastosowanie-examples p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-examples p {
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 400;

    color: #6a6f78;
}


/* =========================================
   TEXT 2 – PRODUKTY
   ========================================= */

.sf-zastosowanie-products {
    margin: 0 !important;
    padding: 3px 12px 10px !important;

    background: transparent;
    border: none;
}

.sf-zastosowanie-products .elementor-widget-container,
.sf-zastosowanie-products p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-products p {
    font-size: 11.5px;
    line-height: 1.2;
    font-weight: 600;

    color: #4a5060;
}


/* =========================================
   HOVER
   ========================================= */

.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

.sf-zastosowanie-card:hover::before {
    transform: scaleX(1);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* =========================================
   MNIEJSZE LAPTOPY
   ========================================= */

@media (max-width: 1350px) and (min-width: 768px) {

    .sf-zastosowanie-image {
        height: 185px;
    }

    .sf-zastosowanie-title .elementor-heading-title {
        font-size: 16px;
    }

    .sf-zastosowanie-examples p {
        font-size: 11.5px;
    }

    .sf-zastosowanie-products p {
        font-size: 10.5px;
    }
}
/* ===== KAFEL KLIKALNY ===== */

.sf-zastosowanie-card {
    cursor: pointer;
}


/* bardziej czytelna reakcja na hover */
.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}


/* zdjęcie lekko się przybliża */
.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}


/* nagłówek robi się czerwony */
.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* rozwiązania również delikatnie reagują */
.sf-zastosowanie-card:hover
.sf-zastosowanie-products p {
    color: var(--e-global-color-primary, #d71920);
}


/* płynne przejścia */
.sf-zastosowanie-products p {
    transition: color 0.25s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbde580 *//* =========================================
   SPEEDFLOOR – KAFLE ZASTOSOWAŃ
   WERSJA KOMPAKTOWA
   ========================================= */

.sf-zastosowanie-card {
    
    background: #ffffff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* czerwony akcent na hover */
.sf-zastosowanie-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--e-global-color-primary, #d71920);

    z-index: 3;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}


/* =========================================
   ZDJĘCIE – OGRANICZONA WYSOKOŚĆ
   ========================================= */

.sf-zastosowanie-image {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;

    height: 210px;
}

.sf-zastosowanie-image .elementor-widget-container {
    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

.sf-zastosowanie-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* =========================================
   NAGŁÓWEK
   ========================================= */

.sf-zastosowanie-title {
    margin: 0 !important;
    padding: 5px 10px 0 !important;
}

.sf-zastosowanie-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;

    color: #3f4658;

    transition: color 0.25s ease;
}


/* =========================================
   TEXT 1 – ZASTOSOWANIA
   ========================================= */

.sf-zastosowanie-examples {
    margin: 0 !important;
    padding: px px 0 !important;
}

.sf-zastosowanie-examples .elementor-widget-container,
.sf-zastosowanie-examples p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-examples p {
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 400;

    color: #6a6f78;
}


/* =========================================
   TEXT 2 – PRODUKTY
   ========================================= */

.sf-zastosowanie-products {
    margin: 0 !important;
    padding: 3px 12px 10px !important;

    background: transparent;
    border: none;
}

.sf-zastosowanie-products .elementor-widget-container,
.sf-zastosowanie-products p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-products p {
    font-size: 11.5px;
    line-height: 1.2;
    font-weight: 600;

    color: #4a5060;
}


/* =========================================
   HOVER
   ========================================= */

.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

.sf-zastosowanie-card:hover::before {
    transform: scaleX(1);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* =========================================
   MNIEJSZE LAPTOPY
   ========================================= */

@media (max-width: 1350px) and (min-width: 768px) {

    .sf-zastosowanie-image {
        height: 185px;
    }

    .sf-zastosowanie-title .elementor-heading-title {
        font-size: 16px;
    }

    .sf-zastosowanie-examples p {
        font-size: 11.5px;
    }

    .sf-zastosowanie-products p {
        font-size: 10.5px;
    }
}
/* ===== KAFEL KLIKALNY ===== */

.sf-zastosowanie-card {
    cursor: pointer;
}


/* bardziej czytelna reakcja na hover */
.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}


/* zdjęcie lekko się przybliża */
.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}


/* nagłówek robi się czerwony */
.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* rozwiązania również delikatnie reagują */
.sf-zastosowanie-card:hover
.sf-zastosowanie-products p {
    color: var(--e-global-color-primary, #d71920);
}


/* płynne przejścia */
.sf-zastosowanie-products p {
    transition: color 0.25s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6971679 *//* =========================================
   SPEEDFLOOR – KAFLE ZASTOSOWAŃ
   WERSJA KOMPAKTOWA
   ========================================= */

.sf-zastosowanie-card {
    
    background: #ffffff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* czerwony akcent na hover */
.sf-zastosowanie-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--e-global-color-primary, #d71920);

    z-index: 3;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.3s ease;
}


/* =========================================
   ZDJĘCIE – OGRANICZONA WYSOKOŚĆ
   ========================================= */

.sf-zastosowanie-image {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;

    height: 210px;
}

.sf-zastosowanie-image .elementor-widget-container {
    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}

.sf-zastosowanie-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* =========================================
   NAGŁÓWEK
   ========================================= */

.sf-zastosowanie-title {
    margin: 0 !important;
    padding: 5px 10px 0 !important;
}

.sf-zastosowanie-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;

    color: #3f4658;

    transition: color 0.25s ease;
}


/* =========================================
   TEXT 1 – ZASTOSOWANIA
   ========================================= */

.sf-zastosowanie-examples {
    margin: 0 !important;
    padding: px px 0 !important;
}

.sf-zastosowanie-examples .elementor-widget-container,
.sf-zastosowanie-examples p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-examples p {
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 400;

    color: #6a6f78;
}


/* =========================================
   TEXT 2 – PRODUKTY
   ========================================= */

.sf-zastosowanie-products {
    margin: 0 !important;
    padding: 3px 12px 10px !important;

    background: transparent;
    border: none;
}

.sf-zastosowanie-products .elementor-widget-container,
.sf-zastosowanie-products p {
    margin: 0 !important;
    padding: 0 !important;
}

.sf-zastosowanie-products p {
    font-size: 11.5px;
    line-height: 1.2;
    font-weight: 600;

    color: #4a5060;
}


/* =========================================
   HOVER
   ========================================= */

.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

.sf-zastosowanie-card:hover::before {
    transform: scaleX(1);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}

.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* =========================================
   MNIEJSZE LAPTOPY
   ========================================= */

@media (max-width: 1350px) and (min-width: 768px) {

    .sf-zastosowanie-image {
        height: 185px;
    }

    .sf-zastosowanie-title .elementor-heading-title {
        font-size: 16px;
    }

    .sf-zastosowanie-examples p {
        font-size: 11.5px;
    }

    .sf-zastosowanie-products p {
        font-size: 10.5px;
    }
}
/* ===== KAFEL KLIKALNY ===== */

.sf-zastosowanie-card {
    cursor: pointer;
}


/* bardziej czytelna reakcja na hover */
.sf-zastosowanie-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}


/* zdjęcie lekko się przybliża */
.sf-zastosowanie-card:hover
.sf-zastosowanie-image img {
    transform: scale(1.035);
}


/* nagłówek robi się czerwony */
.sf-zastosowanie-card:hover
.sf-zastosowanie-title .elementor-heading-title {
    color: var(--e-global-color-primary, #d71920);
}


/* rozwiązania również delikatnie reagują */
.sf-zastosowanie-card:hover
.sf-zastosowanie-products p {
    color: var(--e-global-color-primary, #d71920);
}


/* płynne przejścia */
.sf-zastosowanie-products p {
    transition: color 0.25s ease;
}/* End custom CSS */