.elementor-9697 .elementor-element.elementor-element-4575a01{--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-9697 .elementor-element.elementor-element-2a5769d{--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-9697 .elementor-element.elementor-element-2a5769d:not(.elementor-motion-effects-element-type-background), .elementor-9697 .elementor-element.elementor-element-2a5769d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dervirga-smart.com/wp-content/uploads/2026/07/dervirga-knx-switch-actuators-hero-banner.webp");}.elementor-9697 .elementor-element.elementor-element-6f3a09f{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9697 .elementor-element.elementor-element-2aa9bc3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9697 .elementor-element.elementor-element-19f39ca{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9697 .elementor-element.elementor-element-19f39ca .elementor-divider-separator{width:100%;}.elementor-9697 .elementor-element.elementor-element-19f39ca .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-9697 .elementor-element.elementor-element-bdc2870{--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-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9697 .elementor-element.elementor-element-39a8117 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9697 .elementor-element.elementor-element-23a0d84 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9697 .elementor-element.elementor-element-92a55b2{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-589dc4d{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-d26303c{--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-9697 .elementor-element.elementor-element-d72a213{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9697 .elementor-element.elementor-element-d72a213 .elementor-divider-separator{width:100%;}.elementor-9697 .elementor-element.elementor-element-d72a213 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9697 .elementor-element.elementor-element-b09644b{--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-9697 .elementor-element.elementor-element-f4f13e6{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-1c86453{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-6b66652{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-c7c97fb{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9697 .elementor-element.elementor-element-c7c97fb .elementor-divider-separator{width:100%;}.elementor-9697 .elementor-element.elementor-element-c7c97fb .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9697 .elementor-element.elementor-element-6eb81b6{--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-9697 .elementor-element.elementor-element-b519965{--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 .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-9697 .elementor-element.elementor-element-18ff51f{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-404f5e7{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-01624f2{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-9845818{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-1a21980{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-b886f92{--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-9697 .elementor-element.elementor-element-f526012{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-e70825f{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-2f20cbc{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9697 .elementor-element.elementor-element-2f20cbc .elementor-divider-separator{width:100%;}.elementor-9697 .elementor-element.elementor-element-2f20cbc .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9697 .elementor-element.elementor-element-ad4c03d{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-a7d5aa9{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-86db14f{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-bd2f716{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-c515017{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-f0d8944{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-cd5b6da{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-1118033 .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-99dc828{--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-9697 .elementor-element.elementor-element-b2e954d{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-b18ccbd .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-ec44f2b{--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-9697 .elementor-element.elementor-element-12d03ea{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-66a73e5 .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-5eb69c8{--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-9697 .elementor-element.elementor-element-c7977f5{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-53fa133 .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-18bd46e{--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-9697 .elementor-element.elementor-element-3a3da1b{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-eb43d7f .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-3b25b21{--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-9697 .elementor-element.elementor-element-902b8b8{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-6292fa9 .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-f556f75{--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-9697 .elementor-element.elementor-element-55fa706{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-8d6bf55{--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-9697 .elementor-element.elementor-element-2dd8133{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-bd76774{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-bcd3923 .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-6718a67{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-2fdeb25 .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-0d00303{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-592a0f2 .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-8355b7e{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-1704f1a .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-989cfb3{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-a241669 .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-97186a6{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-eb21e69 .elementor-icon-wrapper{text-align:center;}.elementor-9697 .elementor-element.elementor-element-a65afe2{--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-9697 .elementor-element.elementor-element-ec62c57{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-7160177{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-0dad395{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-c652319{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-22638ce{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-63e5d13{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-9e761d8{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-c1a0360{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-373edd5{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-1ec516a{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-4840f7e{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-8f755c8{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-6e927a7{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9697 .elementor-element.elementor-element-026d3c2{--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;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-4575a01 *//* =========================================================
   KNX SWITCH ACTUATORS
   SECTION 01 — HERO BANNER
   Banner background: .dv-knx-act-01-inner
   ========================================================= */

/* 01. HERO SECTION
   --------------------------------------------------------- */
.dv-knx-act-01{
position:relative;
width:100%;
margin:0;
padding:0 40px;
box-sizing:border-box;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
background:#05302F;
}

/* 02. HERO INNER — BANNER CONTENT WINDOW
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-inner{
position:relative;
isolation:isolate;
width:100%;
max-width:1200px;
min-height:560px;
margin:0 auto;
padding:0 54px;
box-sizing:border-box;
overflow:hidden;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
background-repeat:no-repeat!important;
background-position:center center!important;
background-size:cover!important;
}

/* 03. BACKGROUND OVERLAY
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-inner::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:linear-gradient(
90deg,
rgba(5,48,47,.96) 0%,
rgba(5,48,47,.92) 28%,
rgba(7,62,60,.72) 47%,
rgba(8,70,68,.28) 68%,
rgba(8,70,68,.04) 100%
);
}

/* =========================================================
   04. BREADCRUMB
   ========================================================= */

.dv-knx-act-01 .dv-knx-act-01-breadcrumb{
  position:absolute;
  top:24px;
  right:54px;
  left:54px;
  z-index:3;
  width:auto;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box;
}

.dv-knx-act-01 .dv-knx-act-01-breadcrumb .elementor-widget,
.dv-knx-act-01 .dv-knx-act-01-breadcrumb .elementor-widget-container{
  width:100%;
  margin:0!important;
  padding:0!important;
}

.dv-knx-act-01 .dv-knx-act-01-breadcrumb-nav{
  display:flex;
  width:100%;
  margin:0;
  padding:0;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:7px;
  color:rgba(255,255,255,.72);
  font-family:Inter,Arial,sans-serif;
  font-size:13px;
  font-weight:400;
  line-height:1.5;
}

.dv-knx-act-01 .dv-knx-act-01-breadcrumb-link{
  color:rgba(255,255,255,.78);
  text-decoration:none;
  transition:color .2s ease;
}

.dv-knx-act-01 .dv-knx-act-01-breadcrumb-link:hover,
.dv-knx-act-01 .dv-knx-act-01-breadcrumb-link:focus-visible{
  color:#FFB304;
  text-decoration:none;
}

.dv-knx-act-01 .dv-knx-act-01-breadcrumb-separator{
  color:#FFB304;
  font-size:16px;
  font-weight:500;
  line-height:1;
}

.dv-knx-act-01 .dv-knx-act-01-breadcrumb-current{
  color:#FFB304;
  font-weight:500;
}

/* 04A. HERO CONTENT
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-content{
position:relative;
z-index:2;
width:49%;
max-width:550px;
margin:0;
padding:0;
box-sizing:border-box;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
gap:0!important;
}

/* 05. LABEL
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-label{
width:100%;
margin:0!important;
padding:0!important;
font-family:Inter,Arial,sans-serif;
font-size:13px;
font-weight:700;
line-height:1.4;
letter-spacing:2.2px;
text-transform:uppercase;
color:#FFB304;
}

.dv-knx-act-01 .dv-knx-act-01-label .elementor-widget-container{
margin:0!important;
padding:0!important;
}

.dv-knx-act-01 .dv-knx-act-01-label .elementor-heading-title{
margin:0!important;
padding:0!important;
font:inherit;
letter-spacing:inherit;
text-transform:inherit;
color:inherit;
}

/* 06. H1 TITLE — 22PX BELOW LABEL
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-title{
width:100%;
margin:22px 0 0!important;
padding:0!important;
}

.dv-knx-act-01 .dv-knx-act-01-title .elementor-widget-container{
margin:0!important;
padding:0!important;
}

.dv-knx-act-01 .dv-knx-act-01-title .elementor-heading-title{
margin:0!important;
padding:0!important;
font-family:Georgia,"Times New Roman",serif;
font-size:54px;
font-weight:600;
line-height:1.08;
letter-spacing:-1px;
color:#FFFFFF;
}

/* 07. SOLID GOLD DIVIDER — 40 × 8PX
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-divider{
width:40px!important;
max-width:40px!important;
margin:10px 0 15px!important;
padding:0!important;
align-self:flex-start;
}

.dv-knx-act-01 .dv-knx-act-01-divider .elementor-widget-container{
width:40px!important;
height:6px!important;
margin:0!important;
padding:0!important;
}

.dv-knx-act-01 .dv-knx-act-01-divider .elementor-divider{
width:40px!important;
height:8px!important;
margin:0!important;
padding:0!important;
display:block!important;
}

.dv-knx-act-01 .dv-knx-act-01-divider .elementor-divider-separator{
width:40px!important;
max-width:40px!important;
height:6px!important;
min-height:6px!important;
margin:0!important;
padding:0!important;
display:block!important;
border:0!important;
border-radius:0!important;
background:#FFB304!important;
}

.dv-knx-act-01 .dv-knx-act-01-divider .elementor-divider-separator::before,
.dv-knx-act-01 .dv-knx-act-01-divider .elementor-divider-separator::after{
content:none!important;
display:none!important;
}

/* 08. DESCRIPTION
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-desc{
width:100%;
max-width:530px;
margin:0!important;
padding:0!important;
font-family:Inter,Arial,sans-serif;
font-size:18px;
font-weight:400;
line-height:1.7;
color:rgba(255,255,255,.90);
}

.dv-knx-act-01 .dv-knx-act-01-desc .elementor-widget-container{
margin:0!important;
padding:0!important;
}

.dv-knx-act-01 .dv-knx-act-01-desc p{
margin:0!important;
padding:0!important;
font:inherit;
color:inherit;
}

/* 09. BUTTON GROUP
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-actions{
width:auto;
margin:28px 0 0;
padding:0;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
gap:14px;
}

/* 10. BUTTON WIDGET RESET
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-primary,
.dv-knx-act-01 .dv-knx-act-01-secondary{
width:auto;
margin:0;
padding:0;
}

/* 11. PRIMARY BUTTON
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-primary .elementor-button{
min-height:48px;
padding:13px 24px;
border:1px solid #008C88;
border-radius:4px;
background:#008C88;
font-family:Inter,Arial,sans-serif;
font-size:15px;
font-weight:600;
line-height:1.3;
color:#FFFFFF;
transition:
background-color .25s ease,
border-color .25s ease,
color .25s ease,
transform .25s ease,
box-shadow .25s ease;
}

.dv-knx-act-01 .dv-knx-act-01-primary .elementor-button:hover,
.dv-knx-act-01 .dv-knx-act-01-primary .elementor-button:focus{
border-color:#FFB304;
background:#FFB304;
color:#FFFFFF;
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,.18);
}

/* 12. SECONDARY BUTTON
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button{
min-height:48px;
padding:13px 24px;
border:1px solid #FFB304;
border-radius:4px;
background:transparent;
font-family:Inter,Arial,sans-serif;
font-size:15px;
font-weight:600;
line-height:1.3;
color:#FFFFFF;
transition:
background-color .25s ease,
border-color .25s ease,
color .25s ease,
transform .25s ease,
box-shadow .25s ease;
}

.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button:hover,
.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button:focus{
border-color:#008C88;
background:#008C88;
color:#FFFFFF;
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,.18);
}

/* 13. BUTTON CONTENT
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-actions .elementor-button-content-wrapper{
display:flex;
justify-content:center;
align-items:center;
}

/* 14. PRIMARY BUTTON ICON
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-primary .elementor-button-icon{
font-size:18px;
line-height:1;
}

/* 15. SECONDARY BUTTON WHATSAPP ICON — 22PX
   --------------------------------------------------------- */
.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button-icon{
display:inline-flex;
align-items:center;
justify-content:center;
font-size:22px!important;
line-height:1!important;
color:#25D366!important;
}

.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button-icon i{
font-size:22px!important;
line-height:1!important;
color:#25D366!important;
}

.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button-icon svg{
display:block;
width:22px!important;
height:22px!important;
color:#25D366!important;
fill:#25D366!important;
}

.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button:hover .elementor-button-icon,
.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button:focus .elementor-button-icon,
.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button:hover .elementor-button-icon i,
.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button:focus .elementor-button-icon i{
color:#25D366!important;
}

.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button:hover .elementor-button-icon svg,
.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button:focus .elementor-button-icon svg{
color:#25D366!important;
fill:#25D366!important;
}

/* 16. TABLET
   --------------------------------------------------------- */
@media(max-width:1024px){
.dv-knx-act-01{
padding:0 30px;
}

.dv-knx-act-01 .dv-knx-act-01-inner{
min-height:540px;
padding:0 38px;
background-position:center center!important;
}

.dv-knx-act-01 .dv-knx-act-01-inner::before{
background:linear-gradient(
90deg,
rgba(5,48,47,.97) 0%,
rgba(5,48,47,.93) 38%,
rgba(7,62,60,.62) 68%,
rgba(8,70,68,.14) 100%
);
}

.dv-knx-act-01 .dv-knx-act-01-breadcrumb{
  top:22px;
  right:38px;
  left:38px;
}

.dv-knx-act-01 .dv-knx-act-01-content{
width:58%;
max-width:520px;
}

.dv-knx-act-01 .dv-knx-act-01-title .elementor-heading-title{
font-size:46px;
}

.dv-knx-act-01 .dv-knx-act-01-desc{
font-size:17px;
}
}

/* 17. MOBILE
   --------------------------------------------------------- */
@media(max-width:767px){
.dv-knx-act-01{
padding:0 20px;
}

.dv-knx-act-01 .dv-knx-act-01-inner{
min-height:520px;
padding:50px 22px;
align-items:flex-end;
background-position:66% center!important;
}

.dv-knx-act-01 .dv-knx-act-01-inner::before{
background:
linear-gradient(
0deg,
rgba(5,48,47,.98) 0%,
rgba(5,48,47,.84) 55%,
rgba(5,48,47,.36) 100%
),
linear-gradient(
90deg,
rgba(5,48,47,.90) 0%,
rgba(5,48,47,.48) 100%
);
}

.dv-knx-act-01 .dv-knx-act-01-breadcrumb{
  top:18px;
  right:22px;
  left:22px;
}

.dv-knx-act-01 .dv-knx-act-01-breadcrumb-nav{
  gap:5px;
  font-size:12px;
  line-height:1.45;
}

.dv-knx-act-01 .dv-knx-act-01-breadcrumb-separator{
  font-size:14px;
}

.dv-knx-act-01 .dv-knx-act-01-content{
width:100%;
max-width:100%;
}

.dv-knx-act-01 .dv-knx-act-01-label{
font-size:12px;
letter-spacing:1.8px;
}

.dv-knx-act-01 .dv-knx-act-01-title{
margin-top:18px!important;
}

.dv-knx-act-01 .dv-knx-act-01-title .elementor-heading-title{
font-size:38px;
line-height:1.12;
letter-spacing:-.5px;
}

.dv-knx-act-01 .dv-knx-act-01-desc{
font-size:16px;
line-height:1.65;
}

.dv-knx-act-01 .dv-knx-act-01-actions{
width:100%;
margin-top:24px;
gap:11px;
}

.dv-knx-act-01 .dv-knx-act-01-primary,
.dv-knx-act-01 .dv-knx-act-01-secondary{
width:100%;
}

.dv-knx-act-01 .dv-knx-act-01-primary .elementor-button,
.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button{
width:100%;
justify-content:center;
}
}

/* 18. REDUCED MOTION
   --------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
.dv-knx-act-01 .dv-knx-act-01-primary .elementor-button,
.dv-knx-act-01 .dv-knx-act-01-secondary .elementor-button{
transition:none;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92a55b2 *//* =========================================================
   KNX SWITCH ACTUATORS
   SECTION 02 — MODEL COMPARISON
   ========================================================= */


/* 01. SECTION OUTER
   --------------------------------------------------------- */
.dv-knx-act-02{
position:relative;
width:100%;
margin:0;
padding:40px 40px 30px;
box-sizing:border-box;
overflow:hidden;
background:#FFFFFF;
}


/* 02. SECTION INNER
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-inner{
position:relative;
width:100%;
max-width:1200px;
margin:0 auto;
padding:0;
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:stretch;
}


/* 03. SECTION HEADING AREA
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-heading{
width:100%;
max-width:820px;
margin:0 auto 20px;
padding:0;
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:0!important;
}


/* 04. SECTION LABEL
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-label{
display:inline-flex;
align-items:center;
justify-content:center;
width:auto;
margin:0 0 14px!important;
padding:6px 14px!important;
box-sizing:border-box;
border:1px solid rgba(255,179,4,.75);
border-radius:3px;
background:rgba(255,179,4,.06);
font-family:Inter,Arial,sans-serif;
font-size:12px;
font-weight:600;
line-height:1.2;
letter-spacing:2px;
text-transform:uppercase;
color:#D98D00;
}

.dv-knx-act-02 .dv-knx-act-02-label .elementor-heading-title{
margin:0!important;
padding:0!important;
font:inherit;
letter-spacing:inherit;
text-transform:inherit;
color:inherit;
}

/* 05. H2 TITLE
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-title{
width:100%;
margin:0!important;
padding:0!important;
}

.dv-knx-act-02 .dv-knx-act-02-title .elementor-widget-container{
margin:0!important;
padding:0!important;
}

.dv-knx-act-02 .dv-knx-act-02-title .elementor-heading-title{
margin:0!important;
padding:0!important;
font-family:Georgia,"Times New Roman",serif;
font-size:32px;
font-weight:600;
line-height:1.22;
letter-spacing:-.3px;
color:#008C88;
}


/* 06. GOLD DIVIDER
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-divider{
width:80px;
height:6px;
margin:10px 0 15px!important;
padding:0!important;
}

.dv-knx-act-02 .dv-knx-act-02-divider .elementor-widget-container,
.dv-knx-act-02 .dv-knx-act-02-divider .elementor-divider{
width:100%;
height:6px;
margin:0!important;
padding:0!important;
}

.dv-knx-act-02 .dv-knx-act-02-divider .elementor-divider-separator{
position:relative;
width:80px!important;
height:6px;
margin:0!important;
padding:0!important;
display:block!important;
border:0!important;
background:
linear-gradient(
to right,
#FFB304 0,
#FFB304 34px,
transparent 34px,
transparent 46px,
#FFB304 46px,
#FFB304 80px
) center/80px 2px no-repeat!important;
}

.dv-knx-act-02 .dv-knx-act-02-divider .elementor-divider-separator::before{
content:"";
position:absolute;
top:50%;
left:50%;
width:6px;
height:6px;
border-radius:50%;
background:#FFB304;
transform:translate(-50%,-50%);
}

.dv-knx-act-02 .dv-knx-act-02-divider .elementor-divider-separator::after{
content:none!important;
display:none!important;
}


/* 07. DESCRIPTION
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-desc{
width:100%;
max-width:760px;
margin:0!important;
padding:0!important;
font-family:Inter,Arial,sans-serif;
font-size:16px;
font-weight:400;
line-height:1.7;
color:#41545B;
}

.dv-knx-act-02 .dv-knx-act-02-desc .elementor-widget-container{
margin:0!important;
padding:0!important;
}

.dv-knx-act-02 .dv-knx-act-02-desc p{
margin:0!important;
padding:0!important;
font:inherit;
color:inherit;
}


/* 08. TABLE CARD
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-table-card{
position:relative;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
overflow:hidden;
border:1px solid rgba(12,80,78,.16);
border-radius:8px;
background:#FFFFFF;
box-shadow:0 10px 30px rgba(12,80,78,.08);
}


/* 09. TABLE SCROLL AREA
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-table-scroll{
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
scrollbar-color:#008C88 #E8F3F2;
}

.dv-knx-act-02 .dv-knx-act-02-table-scroll::-webkit-scrollbar{
height:8px;
}

.dv-knx-act-02 .dv-knx-act-02-table-scroll::-webkit-scrollbar-track{
background:#E8F3F2;
}

.dv-knx-act-02 .dv-knx-act-02-table-scroll::-webkit-scrollbar-thumb{
border-radius:10px;
background:#008C88;
}


/* 10. COMPARISON TABLE
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-table{
width:100%;
min-width:1160px;
margin:0;
padding:0;
border:0;
border-spacing:0;
border-collapse:separate;
table-layout:fixed;
background:#FFFFFF;
font-family:Inter,Arial,sans-serif;
}


/* 11. TABLE COLUMN WIDTHS
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-table th:first-child,
.dv-knx-act-02 .dv-knx-act-02-table td:first-child{
width:180px;
}

.dv-knx-act-02 .dv-knx-act-02-table th:not(:first-child),
.dv-knx-act-02 .dv-knx-act-02-table td:not(:first-child){
width:163px;
}


/* 12. TABLE HEADER
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-table thead th{
height:74px;
margin:0;
padding:14px 12px;
box-sizing:border-box;
border:0;
border-right:1px solid rgba(255,255,255,.18);
border-bottom:1px solid #0C504E;
background:#0C504E;
vertical-align:middle;
text-align:center;
font-family:Inter,Arial,sans-serif;
font-size:15px;
font-weight:700;
line-height:1.35;
color:#FFFFFF;
}

.dv-knx-act-02 .dv-knx-act-02-table thead th:first-child{
position:sticky;
left:0;
z-index:4;
text-align:left;
background:#083F3D;
}

.dv-knx-act-02 .dv-knx-act-02-table thead th:last-child{
border-right:0;
}


/* 13. MODEL NAME
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-model{
display:block;
font-family:Georgia,"Times New Roman",serif;
font-size:17px;
font-weight:600;
line-height:1.25;
color:#FFFFFF;
}

.dv-knx-act-02 .dv-knx-act-02-model-type{
display:block;
margin-top:4px;
font-family:Inter,Arial,sans-serif;
font-size:11px;
font-weight:500;
line-height:1.3;
letter-spacing:.3px;
color:rgba(255,255,255,.72);
}


/* 14. TABLE BODY
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-table tbody th,
.dv-knx-act-02 .dv-knx-act-02-table tbody td{
height:56px;
margin:0;
padding:12px;
box-sizing:border-box;
border:0;
border-right:1px solid #E2ECEB;
border-bottom:1px solid #E2ECEB;
vertical-align:middle;
font-family:Inter,Arial,sans-serif;
font-size:14px;
font-weight:400;
line-height:1.45;
color:#41545B;
background:#FFFFFF;
}

.dv-knx-act-02 .dv-knx-act-02-table tbody th{
position:sticky;
left:0;
z-index:3;
text-align:left;
font-size:14px;
font-weight:700;
color:#0C504E;
background:#F4FAF9;
box-shadow:6px 0 12px rgba(12,80,78,.04);
}

.dv-knx-act-02 .dv-knx-act-02-table tbody td{
text-align:center;
}

.dv-knx-act-02 .dv-knx-act-02-table tbody td:last-child{
border-right:0;
}

.dv-knx-act-02 .dv-knx-act-02-table tbody tr:nth-child(even) td{
background:#FAFCFC;
}

.dv-knx-act-02 .dv-knx-act-02-table tbody tr:last-child th,
.dv-knx-act-02 .dv-knx-act-02-table tbody tr:last-child td{
border-bottom:0;
}


/* 15. TABLE ROW HOVER
   --------------------------------------------------------- */
@media(hover:hover){
.dv-knx-act-02 .dv-knx-act-02-table tbody tr:hover td{
background:#F0F8F7;
}

.dv-knx-act-02 .dv-knx-act-02-table tbody tr:hover th{
background:#E7F4F2;
}
}


/* 16. STATUS ICONS
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-check,
.dv-knx-act-02 .dv-knx-act-02-option{
display:inline-flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
border-radius:50%;
font-size:13px;
font-weight:700;
line-height:1;
}

.dv-knx-act-02 .dv-knx-act-02-check{
background:rgba(0,140,136,.12);
color:#008C88;
}

.dv-knx-act-02 .dv-knx-act-02-option{
background:rgba(255,179,4,.16);
color:#B67800;
}

.dv-knx-act-02 .dv-knx-act-02-na{
font-size:16px;
font-weight:500;
color:#9AABAF;
}


/* 17. TABLE ACTION BUTTON
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-table-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
margin:0;
padding:8px 14px;
box-sizing:border-box;
border:1px solid #008C88;
border-radius:4px;
background:#008C88;
text-decoration:none!important;
font-family:Inter,Arial,sans-serif;
font-size:13px;
font-weight:600;
line-height:1.2;
white-space:nowrap;
color:#FFFFFF!important;
transition:
background-color .25s ease,
border-color .25s ease,
color .25s ease,
transform .25s ease;
}

.dv-knx-act-02 .dv-knx-act-02-table-btn:hover,
.dv-knx-act-02 .dv-knx-act-02-table-btn:focus{
border-color:#FFB304;
background:#FFB304;
color:#FFFFFF!important;
transform:translateY(-1px);
}


/* 18. TABLE NOTE
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-note{
width:100%;
margin:14px 0 0;
padding:12px 16px;
box-sizing:border-box;
display:flex;
align-items:flex-start;
gap:10px;
border-left:4px solid #FFB304;
border-radius:0 4px 4px 0;
background:#F4FAF9;
font-family:Inter,Arial,sans-serif;
font-size:13px;
font-weight:400;
line-height:1.55;
color:#5B7076;
}

.dv-knx-act-02 .dv-knx-act-02-note-icon{
flex:0 0 auto;
margin-top:1px;
font-size:16px;
line-height:1;
color:#008C88;
}

.dv-knx-act-02 .dv-knx-act-02-note p{
margin:0!important;
padding:0!important;
font:inherit;
color:inherit;
}


/* 19. MOBILE SCROLL HINT
   --------------------------------------------------------- */
.dv-knx-act-02 .dv-knx-act-02-scroll-hint{
display:none;
width:100%;
margin:0;
padding:0;
align-items:center;
justify-content:flex-end;
gap:6px;
font-family:Inter,Arial,sans-serif;
font-size:12px;
font-weight:500;
line-height:1.4;
color:#6A7D82;
}

.dv-knx-act-02 .elementor-widget-html:has(.dv-knx-act-02-scroll-hint),
.dv-knx-act-02 .elementor-widget-html:has(.dv-knx-act-02-scroll-hint) .elementor-widget-container{
margin:0!important;
padding:0!important;
}

.dv-knx-act-02 .dv-knx-act-02-scroll-hint{
margin:0!important;
padding:0!important;
}

.dv-knx-act-02 .dv-knx-act-02-scroll-hint i,
.dv-knx-act-02 .dv-knx-act-02-scroll-hint svg{
font-size:14px;
color:#008C88;
fill:#008C88;
}


/* 20. TABLET
   --------------------------------------------------------- */
@media(max-width:1024px){
.dv-knx-act-02{
padding-right:30px;
padding-left:30px;
}

.dv-knx-act-02 .dv-knx-act-02-heading{
max-width:760px;
}

.dv-knx-act-02 .dv-knx-act-02-table{
min-width:1080px;
}

.dv-knx-act-02 .dv-knx-act-02-scroll-hint{
display:flex;
}
}


/* 21. MOBILE
   --------------------------------------------------------- */
@media(max-width:767px){
.dv-knx-act-02{
padding:36px 20px 28px;
}

.dv-knx-act-02 .dv-knx-act-02-heading{
margin-bottom:0;
}

.dv-knx-act-02 .dv-knx-act-02-label{
margin-bottom:12px!important;
font-size:12px;
letter-spacing:1.8px;
}

.dv-knx-act-02 .dv-knx-act-02-title .elementor-heading-title{
font-size:28px;
line-height:1.25;
}

.dv-knx-act-02 .dv-knx-act-02-desc{
font-size:15px;
line-height:1.65;
}

.dv-knx-act-02 .dv-knx-act-02-table-card{
border-radius:6px;
}

.dv-knx-act-02 .dv-knx-act-02-table{
min-width:1020px;
}

.dv-knx-act-02 .dv-knx-act-02-table th:first-child,
.dv-knx-act-02 .dv-knx-act-02-table td:first-child{
width:160px;
}

.dv-knx-act-02 .dv-knx-act-02-table th:not(:first-child),
.dv-knx-act-02 .dv-knx-act-02-table td:not(:first-child){
width:143px;
}

.dv-knx-act-02 .dv-knx-act-02-table thead th{
height:68px;
padding:12px 10px;
font-size:14px;
}

.dv-knx-act-02 .dv-knx-act-02-model{
font-size:15px;
}

.dv-knx-act-02 .dv-knx-act-02-table tbody th,
.dv-knx-act-02 .dv-knx-act-02-table tbody td{
height:52px;
padding:10px;
font-size:13px;
}

.dv-knx-act-02 .dv-knx-act-02-note{
padding:11px 13px;
font-size:12px;
}
}


/* 22. REDUCED MOTION
   --------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
.dv-knx-act-02 .dv-knx-act-02-table-btn{
transition:none;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4f13e6 *//* =========================================================
   KNX SWITCH ACTUATORS
   SECTION 03 — KNX SWITCH ACTUATOR RANGE
   ========================================================= */


/* 01. SECTION OUTER
   --------------------------------------------------------- */
.dv-knx-act-03{
position:relative;
width:100%;
padding:40px 40px 30px;
box-sizing:border-box;
overflow:hidden;
background:#F4FAF9;
}


/* 02. SECTION INNER
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-inner{
position:relative;
z-index:2;
width:100%;
max-width:1200px;
margin:0 auto;
padding:0;
display:flex;
flex-direction:column;
gap:0;
box-sizing:border-box;
}


/* 03. HEADING AREA
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-heading{
width:100%;
margin:0 0 20px;
padding:0;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}


/* 04. SECTION LABEL
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-label{
width:auto;
margin:0 0 14px!important;
padding:6px 14px!important;
display:inline-flex;
align-items:center;
justify-content:center;
align-self:center;
box-sizing:border-box;
border:1px solid rgba(255,179,4,.75);
border-radius:3px;
background:rgba(255,179,4,.06);
font-family:Inter,Arial,sans-serif;
font-size:12px;
font-weight:600;
line-height:1.2;
letter-spacing:2px;
text-transform:uppercase;
color:#D98D00;
}

.dv-knx-act-03 .dv-knx-act-03-label .elementor-widget-container{
margin:0!important;
padding:0!important;
}

.dv-knx-act-03 .dv-knx-act-03-label .elementor-heading-title{
margin:0!important;
padding:0!important;
font:inherit;
letter-spacing:inherit;
text-transform:inherit;
color:inherit;
}


/* 05. SECTION TITLE
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-title{
width:100%;
margin:0!important;
padding:0!important;
}

.dv-knx-act-03 .dv-knx-act-03-title .elementor-widget-container{
margin:0!important;
padding:0!important;
}

.dv-knx-act-03 .dv-knx-act-03-title .elementor-heading-title{
margin:0!important;
padding:0!important;
font-family:Georgia,"Times New Roman",serif;
font-size:32px;
font-weight:600;
line-height:1.25;
color:#008C88;
}


/* 06. GOLD DIVIDER
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-divider{
width:80px;
height:6px;
margin:10px 0 15px!important;
padding:0!important;
align-self:center;
}

.dv-knx-act-03 .dv-knx-act-03-divider .elementor-widget-container,
.dv-knx-act-03 .dv-knx-act-03-divider .elementor-divider{
width:100%;
height:6px;
margin:0!important;
padding:0!important;
}

.dv-knx-act-03 .dv-knx-act-03-divider .elementor-divider-separator{
position:relative;
width:80px!important;
height:6px;
margin:0!important;
padding:0!important;
display:block!important;
border:0!important;
background:linear-gradient(
to right,
#FFB304 0,
#FFB304 34px,
transparent 34px,
transparent 46px,
#FFB304 46px,
#FFB304 80px
) center/80px 2px no-repeat!important;
}

.dv-knx-act-03 .dv-knx-act-03-divider .elementor-divider-separator::before{
content:"";
position:absolute;
top:50%;
left:50%;
width:6px;
height:6px;
border-radius:50%;
background:#FFB304;
transform:translate(-50%,-50%);
}

.dv-knx-act-03 .dv-knx-act-03-divider .elementor-divider-separator::after{
content:none!important;
display:none!important;
}


/* 07. SECTION DESCRIPTION
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-desc{
width:100%;
max-width:850px;
margin:0!important;
padding:0!important;
font-family:Inter,Arial,sans-serif;
font-size:16px;
font-weight:400;
line-height:1.7;
color:#41545B;
}

.dv-knx-act-03 .dv-knx-act-03-desc .elementor-widget-container{
margin:0!important;
padding:0!important;
}

.dv-knx-act-03 .dv-knx-act-03-desc p{
margin:0!important;
padding:0!important;
}


/* 08. RANGE LAYOUT
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-range{
position:relative;
width:100%;
margin:0;
padding:0;
display:grid;
grid-template-columns:minmax(0,38%) minmax(0,62%);
align-items:stretch;
box-sizing:border-box;
}


/* 09. PRODUCT VISUAL
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-visual{
position:relative;
min-width:0;
margin:0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
overflow:hidden;
border:1px solid rgba(12,80,78,.12);
border-radius:8px 0 0 8px;
background:
radial-gradient(circle at 25% 20%,rgba(255,179,4,.12),transparent 34%),
linear-gradient(145deg,#F4FAF9 0%,#E7F3F1 100%);
}

.dv-knx-act-03 .dv-knx-act-03-visual::before,
.dv-knx-act-03 .dv-knx-act-03-visual::after{
content:none;
display:none;
}


/* 10. PRODUCT IMAGE
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-image{
position:absolute;
z-index:1;
inset:0;
width:100%;
height:100%;
margin:0!important;
padding:0!important;
overflow:hidden;
background:#031B24;
}

.dv-knx-act-03 .dv-knx-act-03-image .elementor-widget-container{
width:100%;
height:100%;
margin:0!important;
padding:0!important;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:#031B24;
}

.dv-knx-act-03 .dv-knx-act-03-image img{
width:100%!important;
max-width:none!important;
height:100%!important;
margin:0!important;
padding:8px!important;
display:block!important;
box-sizing:border-box;
object-fit:contain!important;
object-position:center center!important;
filter:none;
}

/* 11. MODEL GRID
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-models{
min-width:0;
margin:0;
padding:0 0 0 20px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
box-sizing:border-box;
}


/* 12. MODEL CARD
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-model-card{
position:relative;
min-width:0;
margin:0;
padding:22px 20px 20px;
display:flex;
flex-direction:column;
align-items:flex-start;
box-sizing:border-box;
overflow:hidden;
border:1px solid rgba(12,80,78,.13);
border-radius:8px;
background:#FFFFFF;
box-shadow:0 7px 22px rgba(12,80,78,.06);
transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.dv-knx-act-03 .dv-knx-act-03-model-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#FFB304 0%,#F1C75B 100%);
transform:scaleX(0);
transform-origin:left center;
transition:transform .3s ease;
}

.dv-knx-act-03 .dv-knx-act-03-model-card:hover::before{
transform:scaleX(1);
}

.dv-knx-act-03 .dv-knx-act-03-model-card::after{
content:"";
position:absolute;
z-index:1;
top:0;
right:0;
width:82px;
height:58px;
border-radius:0 8px 0 30px;
background:linear-gradient(
135deg,
rgba(0,140,136,.20) 0%,
rgba(12,80,78,.10) 100%
);
pointer-events:none;
transition:width .3s ease,height .3s ease,background .3s ease;
}

.dv-knx-act-03 .dv-knx-act-03-model-card:nth-child(2)::after{
background:linear-gradient(
135deg,
rgba(255,179,4,.23) 0%,
rgba(255,179,4,.09) 100%
);
}

.dv-knx-act-03 .dv-knx-act-03-model-card:nth-child(3)::after{
background:linear-gradient(
135deg,
rgba(12,80,78,.22) 0%,
rgba(0,140,136,.10) 100%
);
}

.dv-knx-act-03 .dv-knx-act-03-model-card:nth-child(4)::after{
background:linear-gradient(
135deg,
rgba(0,140,136,.24) 0%,
rgba(255,179,4,.10) 100%
);
}

.dv-knx-act-03 .dv-knx-act-03-model-card:hover::after{
width:94px;
height:66px;
}

.dv-knx-act-03 .dv-knx-act-03-model-card:hover{
transform:translateY(-3px);
border-color:rgba(0,140,136,.34);
box-shadow:0 12px 28px rgba(12,80,78,.11);
}


/* 13. MODEL TYPE
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-model-type{
position:relative;
z-index:2;
margin:0 0 9px;
padding:0;
font-family:Inter,Arial,sans-serif;
font-size:11px;
font-weight:700;
line-height:1.3;
letter-spacing:1.3px;
text-transform:uppercase;
color:#008C88;
}


/* 14. MODEL NAME
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-model-name{
position:relative;
z-index:2;
width:100%;
margin:0 0 13px!important;
padding:0!important;
}

.dv-knx-act-03 .dv-knx-act-03-model-name .elementor-widget-container{
margin:0!important;
padding:0!important;
}

.dv-knx-act-03 .dv-knx-act-03-model-name .elementor-heading-title{
margin:0!important;
padding:0!important;
font-family:Georgia,"Times New Roman",serif;
font-size:23px;
font-weight:600;
line-height:1.25;
color:#0C504E;
}


/* 15. MODEL SPECIFICATION LIST
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-specs{
position:relative;
z-index:2;
width:100%;
margin:0;
padding:0;
display:flex;
flex-direction:column;
box-sizing:border-box;
}

.dv-knx-act-03 .dv-knx-act-03-spec{
width:100%;
margin:0;
padding:8px 0;
display:flex;
align-items:center;
gap:9px;
box-sizing:border-box;
border-bottom:1px solid rgba(12,80,78,.09);
font-family:Inter,Arial,sans-serif;
font-size:14px;
font-weight:400;
line-height:1.4;
color:#41545B;
}

.dv-knx-act-03 .dv-knx-act-03-spec:last-child{
border-bottom:0;
}

.dv-knx-act-03 .dv-knx-act-03-spec i{
flex:0 0 18px;
width:18px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#008C88;
}


/* 16. MODEL BUTTON
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-model-btn{
position:relative;
z-index:2;
display:flex;
width:max-content;
margin:14px 0 0 auto;
padding:9px 15px;
align-items:center;
justify-content:center;
align-self:flex-end;
gap:7px;
box-sizing:border-box;
border:1px solid #008C88;
border-radius:4px;
background:#008C88;
text-decoration:none!important;
font-family:Inter,Arial,sans-serif;
font-size:13px;
font-weight:600;
line-height:1.2;
color:#FFFFFF;
transition:background-color .25s ease,border-color .25s ease,transform .25s ease;
}

.dv-knx-act-03 .dv-knx-act-03-model-btn:hover,
.dv-knx-act-03 .dv-knx-act-03-model-btn:focus{
border-color:#FFB304;
background:#FFB304;
color:#FFFFFF;
transform:translateY(-1px);
}

.dv-knx-act-03 .dv-knx-act-03-model-btn i{
color:inherit;
}


/* 17. COMMON FUNCTIONS
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-functions{
position:relative;
width:100%;
margin:20px 0 0;
padding:18px 20px;
display:grid;
grid-template-columns:auto repeat(3,minmax(0,1fr));
align-items:center;
gap:18px;
box-sizing:border-box;
overflow:hidden;
border:1px solid rgba(12,80,78,.12);
border-radius:7px;
background:#F4FAF9;
}

.dv-knx-act-03 .dv-knx-act-03-functions::after{
content:"";
position:absolute;
right:-24px;
bottom:-34px;
width:105px;
height:105px;
border-radius:50%;
background:rgba(255,179,4,.07);
}


/* 18. COMMON FUNCTIONS TITLE
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-functions-title{
position:relative;
z-index:2;
margin:0;
padding:0 20px 0 0;
border-right:1px solid rgba(12,80,78,.14);
font-family:Georgia,"Times New Roman",serif;
font-size:18px;
font-weight:600;
line-height:1.3;
color:#0C504E;
}


/* 19. FUNCTION ITEM
   --------------------------------------------------------- */
.dv-knx-act-03 .dv-knx-act-03-function{
position:relative;
z-index:2;
min-width:0;
margin:0;
padding:0;
display:flex;
align-items:center;
gap:10px;
font-family:Inter,Arial,sans-serif;
font-size:14px;
font-weight:500;
line-height:1.4;
color:#41545B;
}

.dv-knx-act-03 .dv-knx-act-03-function i{
flex:0 0 32px;
width:32px;
height:32px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(0,140,136,.1);
font-size:15px;
color:#008C88;
}


/* 20. ELEMENTOR RESET
   --------------------------------------------------------- */
.dv-knx-act-03 .elementor-widget-html:has(.dv-knx-act-03-specs),
.dv-knx-act-03 .elementor-widget-html:has(.dv-knx-act-03-specs) .elementor-widget-container,
.dv-knx-act-03 .elementor-widget-html:has(.dv-knx-act-03-functions),
.dv-knx-act-03 .elementor-widget-html:has(.dv-knx-act-03-functions) .elementor-widget-container{
width:100%;
margin:0!important;
padding:0!important;
}


/* 21. TABLET
   --------------------------------------------------------- */
@media(min-width:768px) and (max-width:1024px){
.dv-knx-act-03{
padding:40px 30px 30px;
}

.dv-knx-act-03 .dv-knx-act-03-range{
grid-template-columns:34% 66%;
}

.dv-knx-act-03 .dv-knx-act-03-visual{
padding:24px;
}

.dv-knx-act-03 .dv-knx-act-03-models{
padding-left:16px;
gap:14px;
}

.dv-knx-act-03 .dv-knx-act-03-model-card{
padding:20px 16px 17px;
}

.dv-knx-act-03 .dv-knx-act-03-model-name .elementor-heading-title{
font-size:21px;
}

.dv-knx-act-03 .dv-knx-act-03-spec{
font-size:13px;
}

.dv-knx-act-03 .dv-knx-act-03-functions{
grid-template-columns:repeat(3,minmax(0,1fr));
}

.dv-knx-act-03 .dv-knx-act-03-functions-title{
grid-column:1/-1;
padding:0 0 12px;
border-right:0;
border-bottom:1px solid rgba(12,80,78,.14);
}
}


/* 22. MOBILE
   --------------------------------------------------------- */
@media(max-width:767px){
.dv-knx-act-03{
padding:36px 20px 28px;
}

.dv-knx-act-03 .dv-knx-act-03-heading{
margin-bottom:20px;
}

.dv-knx-act-03 .dv-knx-act-03-label{
margin-bottom:12px!important;
padding:6px 12px!important;
font-size:12px;
letter-spacing:1.8px;
}

.dv-knx-act-03 .dv-knx-act-03-title .elementor-heading-title{
font-size:28px;
line-height:1.25;
}

.dv-knx-act-03 .dv-knx-act-03-desc{
font-size:15px;
line-height:1.65;
}

.dv-knx-act-03 .dv-knx-act-03-range{
grid-template-columns:1fr;
}

.dv-knx-act-03 .dv-knx-act-03-visual{
min-height:300px;
padding:26px;
border-radius:7px 7px 0 0;
}

.dv-knx-act-03 .dv-knx-act-03-models{
padding:16px 0 0;
grid-template-columns:1fr;
gap:14px;
}

.dv-knx-act-03 .dv-knx-act-03-model-card{
padding:21px 18px 18px;
}

.dv-knx-act-03 .dv-knx-act-03-model-name .elementor-heading-title{
font-size:22px;
}

.dv-knx-act-03 .dv-knx-act-03-functions{
margin-top:16px;
padding:17px;
grid-template-columns:1fr;
gap:12px;
}

.dv-knx-act-03 .dv-knx-act-03-functions-title{
padding:0 0 12px;
border-right:0;
border-bottom:1px solid rgba(12,80,78,.14);
font-size:17px;
}

.dv-knx-act-03 .dv-knx-act-03-function{
font-size:14px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b886f92 *//* =========================================================
   KNX SWITCH ACTUATOR
   SECTION 04 — MODELS & TECHNICAL SPECIFICATIONS
   FINAL INTEGRATED CSS
   DERVIRGA STANDARD V1.0
   ========================================================= */


/* =========================================================
   01. SECTION
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92{
--dv-dark-green:#0C504E;
--dv-teal:#008C88;
--dv-gold:#FFB304;
--dv-light-green:#F4FAF9;
--dv-title:#163B3A;
--dv-text:#41545B;
--dv-muted:#6A7D82;
--dv-border:#D7E5E2;
width:100%;
margin:0;
padding:40px 40px 30px;
box-sizing:border-box;
overflow:hidden;
background:#FFFFFF;
font-family:Inter,Arial,sans-serif;
}


/* =========================================================
   02. INNER
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-inner{
position:relative;
z-index:2;
width:100%;
max-width:1200px;
margin:0 auto;
padding:0;
display:flex;
flex-direction:column;
align-items:stretch;
box-sizing:border-box;
}


/* =========================================================
   03. HEADING AREA
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-heading{
width:100%;
max-width:860px;
margin:0 auto 20px;
padding:0;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
box-sizing:border-box;
}


/* =========================================================
   04. TOP LABEL
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-label{
width:max-content;
margin:0 0 14px!important;
padding:7px 14px!important;
box-sizing:border-box;
border:1px solid var(--dv-gold);
border-radius:4px;
background:#FFFFFF;
font-family:Inter,Arial,sans-serif!important;
font-size:13px!important;
font-weight:600!important;
line-height:1.2!important;
letter-spacing:2px!important;
text-transform:uppercase;
color:var(--dv-dark-green)!important;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-label .elementor-heading-title{
margin:0!important;
font-family:Inter,Arial,sans-serif!important;
font-size:inherit!important;
font-weight:inherit!important;
line-height:inherit!important;
letter-spacing:inherit!important;
color:inherit!important;
}


/* =========================================================
   05. H2
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-title{
width:100%;
max-width:760px;
margin:0!important;
padding:0!important;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-title .elementor-heading-title{
margin:0!important;
padding:0!important;
font-family:Georgia,"Times New Roman",serif!important;
font-size:32px!important;
font-weight:600!important;
line-height:1.25!important;
color:var(--dv-teal)!important;
}


/* =========================================================
   06. GOLD DIVIDER
   Elementor Divider Widget
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-divider{
position:relative;
width:80px!important;
min-width:80px;
height:6px;
margin:10px auto 15px!important;
padding:0!important;
overflow:visible;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-divider .elementor-divider{
width:80px!important;
height:6px;
margin:0!important;
padding:2px 0!important;
display:flex;
align-items:center;
overflow:visible;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-divider .elementor-divider-separator{
position:relative;
width:80px!important;
margin:0!important;
border-top:2px solid var(--dv-gold)!important;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-divider .elementor-divider-separator::after{
content:"";
position:absolute;
z-index:2;
top:50%;
left:50%;
width:6px;
height:6px;
border:3px solid #F4FAF9;
border-radius:50%;
background:var(--dv-gold);
box-sizing:content-box;
transform:translate(-50%,-50%);
}


/* =========================================================
   07. DESCRIPTION
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-desc{
width:100%;
max-width:820px;
margin:0!important;
padding:0!important;
font-family:Inter,Arial,sans-serif!important;
font-size:16px!important;
font-weight:400!important;
line-height:1.65!important;
color:var(--dv-text)!important;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-desc p{
margin:0!important;
}


/* =========================================================
   08. SPECIFICATION PANEL
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-panel{
position:relative;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
overflow:hidden;
border:1px solid rgba(12,80,78,.14);
border-radius:8px;
background:#FFFFFF;
box-shadow:0 10px 28px rgba(12,80,78,.07);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-panel::before{
content:"";
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,var(--dv-gold) 0%,#FFD060 100%);
}


/* =========================================================
   09. TABLE SCROLL AREA
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table-wrap{
position:relative;
z-index:2;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:thin;
scrollbar-color:rgba(0,140,136,.45) #EEF5F4;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table-wrap::-webkit-scrollbar{
height:8px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table-wrap::-webkit-scrollbar-track{
background:#EEF5F4;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table-wrap::-webkit-scrollbar-thumb{
border-radius:20px;
background:rgba(0,140,136,.45);
}


/* =========================================================
   10. DESKTOP COMPARISON TABLE
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table{
width:100%;
min-width:1120px;
margin:0;
padding:0;
border:0;
border-collapse:separate;
border-spacing:0;
table-layout:fixed;
background:#FFFFFF;
font-family:Inter,Arial,sans-serif;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table th,
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table td{
margin:0;
padding:13px 12px;
box-sizing:border-box;
border:0;
border-right:1px solid var(--dv-border);
border-bottom:1px solid var(--dv-border);
vertical-align:middle;
text-align:center;
font-size:14px;
line-height:1.45;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table th:last-child,
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table td:last-child{
border-right:0;
}


/* =========================================================
   11. TABLE HEADER
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table thead th{
height:58px;
padding:11px 10px;
background:var(--dv-dark-green);
font-size:13px;
font-weight:600;
line-height:1.35;
letter-spacing:.15px;
color:#FFFFFF;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table thead th:first-child{
position:sticky;
z-index:6;
left:0;
width:180px;
min-width:180px;
background:#083F3D;
text-align:left;
padding-left:18px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table thead th:not(:first-child){
width:156px;
min-width:156px;
}


/* =========================================================
   12. MODEL NAME
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-model{
display:block;
margin:0 0 4px;
font-family:Georgia,"Times New Roman",serif;
font-size:17px;
font-weight:600;
line-height:1.2;
color:#FFFFFF;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-model-type{
display:block;
font-family:Inter,Arial,sans-serif;
font-size:10px;
font-weight:500;
line-height:1.3;
letter-spacing:.7px;
text-transform:uppercase;
color:rgba(255,255,255,.72);
}


/* =========================================================
   13. TABLE BODY
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table tbody tr:nth-child(even) td{
background:#F8FBFA;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table tbody tr:hover td{
background:#008C88;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table tbody td{
font-size:14px;
font-weight:400;
color:var(--dv-text);
transition:background-color .2s ease;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table tbody tr:last-child td{
border-bottom:0;
}


/* =========================================================
   14. STICKY SPECIFICATION COLUMN
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table tbody th:first-child,
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table tbody td:first-child{
position:sticky;
z-index:4;
left:0;
width:180px;
min-width:180px;
padding-left:18px;
background:#F4FAF9;
text-align:left;
font-weight:600;
color:var(--dv-dark-green);
box-shadow:5px 0 10px rgba(12,80,78,.035);
}

/* 偶数行第一列同样使用 #F4FAF9 */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table tbody tr:nth-child(even) th:first-child,
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table tbody tr:nth-child(even) td:first-child{
background:#F4FAF9;
}

/* 保留第一列原有划过效果 */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table tbody tr:hover th:first-child,
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table tbody tr:hover td:first-child{
background:#F0F8F7;
}


/* =========================================================
   15. SPECIFICATION LABEL WITH ICON
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-spec-label{
display:flex;
align-items:center;
gap:9px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-spec-label i{
flex:0 0 28px;
width:28px;
height:28px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(0,140,136,.10);
font-size:13px;
color:var(--dv-teal);
}


/* =========================================================
   16. TABLE VALUES
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-value{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-value-strong{
font-weight:600;
color:var(--dv-dark-green);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-check{
width:23px;
height:23px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(0,140,136,.10);
font-size:11px;
color:var(--dv-teal);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-empty{
color:#A3B0B3;
}


/* =========================================================
   17. FUNCTION TEXT
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-functions{
display:block;
max-width:140px;
margin:0 auto;
font-size:12px;
line-height:1.5;
color:var(--dv-text);
}


/* =========================================================
   18. ACTION ROW
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table .dv-knx-act-04-action-row td{
padding-top:14px;
padding-bottom:14px;
background:#FBFDFC;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table .dv-knx-act-04-action-row:hover td{
background:#FBFDFC;
}


/* =========================================================
   19. TABLE ACTION BUTTON
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table-btn{
width:max-content;
min-width:118px;
margin:0 auto;
padding:9px 12px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
box-sizing:border-box;
border:1px solid var(--dv-teal);
border-radius:4px;
background:var(--dv-teal);
font-family:Inter,Arial,sans-serif;
font-size:12px;
font-weight:600;
line-height:1.2;
text-decoration:none!important;
white-space:nowrap;
color:#FFFFFF!important;
transition:background-color .25s ease,border-color .25s ease,transform .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table-btn:hover,
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table-btn:focus{
border-color:var(--dv-gold);
background:var(--dv-gold);
color:#FFFFFF!important;
transform:translateY(-1px);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table-btn i{
font-size:12px;
color:inherit;
}


/* =========================================================
   20. TABLE NOTE
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-note{
position:relative;
z-index:2;
width:100%;
margin:0;
padding:15px 18px;
display:flex;
align-items:flex-start;
gap:11px;
box-sizing:border-box;
border-top:1px solid var(--dv-border);
background:#F8FBFA;
font-family:Inter,Arial,sans-serif;
font-size:13px;
font-weight:400;
line-height:1.55;
color:var(--dv-muted);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-note i{
flex:0 0 auto;
margin-top:2px;
font-size:15px;
color:var(--dv-gold);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-note strong{
font-weight:600;
color:var(--dv-dark-green);
}


/* =========================================================
   21. BOTTOM SUPPORT BAR
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support{
position:relative;
width:100%;
margin:18px 0 0;
padding:17px 20px;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:24px;
box-sizing:border-box;
overflow:hidden;
border:1px solid rgba(12,80,78,.14);
border-radius:7px;
background:#FFFFFF;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support::after{
content:"";
position:absolute;
right:-30px;
bottom:-45px;
width:130px;
height:130px;
border-radius:50%;
background:rgba(255,179,4,.08);
pointer-events:none;
}


/* =========================================================
   22. SUPPORT CONTENT
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-content{
position:relative;
z-index:2;
min-width:0;
margin:0;
padding:0;
display:flex;
align-items:center;
gap:14px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-icon{
flex:0 0 42px;
width:42px;
height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(0,140,136,.10);
font-size:18px;
color:var(--dv-teal);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-copy{
min-width:0;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-title{
margin:0 0 3px;
font-family:Georgia,"Times New Roman",serif;
font-size:18px;
font-weight:600;
line-height:1.3;
color:var(--dv-dark-green);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-text{
margin:0;
font-family:Inter,Arial,sans-serif;
font-size:14px;
font-weight:400;
line-height:1.5;
color:var(--dv-text);
}


/* =========================================================
   23. SUPPORT BUTTONS
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-actions{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-btn{
min-height:40px;
padding:10px 15px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
box-sizing:border-box;
border:1px solid var(--dv-teal);
border-radius:4px;
background:var(--dv-teal);
font-family:Inter,Arial,sans-serif;
font-size:13px;
font-weight:600;
line-height:1.2;
text-decoration:none!important;
white-space:nowrap;
color:#FFFFFF!important;
transition:background-color .25s ease,border-color .25s ease,transform .25s ease;
}

/* ---------------------------------------------------------
   WHATSAPP ICON — OFFICIAL STANDARD
   --------------------------------------------------------- */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-btn .fa-whatsapp{
font-size:22px;
line-height:1;
color:#25D366!important;
transition:none;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-btn:hover .fa-whatsapp,
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-btn:focus .fa-whatsapp{
color:#25D366!important;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-btn:hover,
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-btn:focus{
border-color:var(--dv-gold);
background:var(--dv-gold);
color:#FFFFFF!important;
transform:translateY(-1px);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-btn--secondary{
border-color:var(--dv-gold);
background:transparent;
color:var(--dv-dark-green)!important;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-btn--secondary:hover,
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-btn--secondary:focus{
border-color:var(--dv-teal);
background:var(--dv-teal);
color:#FFFFFF!important;
}


/* =========================================================
   24. MOBILE MODEL CARDS
   Desktop default hidden
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-models{
display:none;
}


/* =========================================================
   25. ELEMENTOR RESET
   ========================================================= */
.elementor-9697 .elementor-element.elementor-element-b886f92 .elementor-widget-html:has(.dv-knx-act-04-panel),
.elementor-9697 .elementor-element.elementor-element-b886f92 .elementor-widget-html:has(.dv-knx-act-04-panel) .elementor-widget-container,
.elementor-9697 .elementor-element.elementor-element-b886f92 .elementor-widget-html:has(.dv-knx-act-04-support),
.elementor-9697 .elementor-element.elementor-element-b886f92 .elementor-widget-html:has(.dv-knx-act-04-support) .elementor-widget-container{
width:100%;
margin:0!important;
padding:0!important;
}


/* =========================================================
   26. TABLET
   ========================================================= */
@media(min-width:768px) and (max-width:1024px){
.elementor-9697 .elementor-element.elementor-element-b886f92{
padding:40px 30px 30px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table{
min-width:1060px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table thead th:first-child,
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table tbody td:first-child{
width:170px;
min-width:170px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table thead th:not(:first-child){
width:148px;
min-width:148px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support{
grid-template-columns:1fr;
gap:14px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-actions{
justify-content:flex-start;
padding-left:56px;
}
}


/* =========================================================
   27. MOBILE
   ========================================================= */
@media(max-width:767px){
.elementor-9697 .elementor-element.elementor-element-b886f92{
padding:36px 20px 28px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-heading{
margin-bottom:20px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-label{
margin-bottom:12px!important;
padding:6px 12px!important;
font-size:12px!important;
letter-spacing:1.8px!important;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-title .elementor-heading-title{
font-size:28px!important;
line-height:1.25!important;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-desc{
font-size:15px!important;
line-height:1.65!important;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-panel{
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
overflow:visible;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-panel::before{
content:none;
display:none;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-table-wrap{
display:none;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-models{
width:100%;
margin:0;
padding:0;
display:grid;
grid-template-columns:1fr;
gap:14px;
}


/* ---------------------------------------------------------
   MOBILE MODEL CARD
   --------------------------------------------------------- */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-card{
position:relative;
width:100%;
margin:0;
padding:20px 17px 17px;
box-sizing:border-box;
overflow:hidden;
border:1px solid rgba(12,80,78,.14);
border-radius:7px;
background:#FFFFFF;
box-shadow:0 7px 20px rgba(12,80,78,.055);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,var(--dv-gold),#FFD060);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-card::after{
content:"";
position:absolute;
z-index:1;
top:0;
right:0;
width:76px;
height:54px;
border-radius:0 7px 0 28px;
background:linear-gradient(135deg,rgba(0,140,136,.20),rgba(12,80,78,.08));
pointer-events:none;
}


/* ---------------------------------------------------------
   MOBILE CARD HEADER
   --------------------------------------------------------- */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-head{
position:relative;
z-index:2;
margin:0 0 14px;
padding:0 70px 13px 0;
border-bottom:1px solid var(--dv-border);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-type{
margin:0 0 5px;
font-family:Inter,Arial,sans-serif;
font-size:11px;
font-weight:600;
line-height:1.3;
letter-spacing:1px;
text-transform:uppercase;
color:var(--dv-teal);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-name{
margin:0;
font-family:Georgia,"Times New Roman",serif;
font-size:22px;
font-weight:600;
line-height:1.25;
color:var(--dv-dark-green);
}


/* ---------------------------------------------------------
   MOBILE CARD SPECIFICATIONS
   --------------------------------------------------------- */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-specs{
position:relative;
z-index:2;
width:100%;
margin:0;
padding:0;
display:grid;
grid-template-columns:1fr;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-spec{
width:100%;
margin:0;
padding:9px 0;
display:grid;
grid-template-columns:minmax(0,43%) minmax(0,57%);
align-items:start;
gap:12px;
box-sizing:border-box;
border-bottom:1px solid #E8F0EE;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-spec:last-child{
border-bottom:0;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-spec-label{
font-family:Inter,Arial,sans-serif;
font-size:13px;
font-weight:600;
line-height:1.45;
color:var(--dv-dark-green);
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-spec-value{
font-family:Inter,Arial,sans-serif;
font-size:13px;
font-weight:400;
line-height:1.45;
text-align:right;
color:var(--dv-text);
}


/* ---------------------------------------------------------
   MOBILE CARD BUTTON
   --------------------------------------------------------- */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-btn{
position:relative;
z-index:2;
width:max-content;
margin:14px 0 0 auto;
padding:10px 14px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
box-sizing:border-box;
border:1px solid var(--dv-teal);
border-radius:4px;
background:var(--dv-teal);
font-family:Inter,Arial,sans-serif;
font-size:13px;
font-weight:600;
line-height:1.2;
text-decoration:none!important;
color:#FFFFFF!important;
transition:background-color .25s ease,border-color .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-btn:hover,
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-mobile-btn:focus{
border-color:var(--dv-gold);
background:var(--dv-gold);
color:#FFFFFF!important;
}


/* ---------------------------------------------------------
   MOBILE NOTE
   --------------------------------------------------------- */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-note{
margin-top:14px;
padding:14px 15px;
border:1px solid var(--dv-border);
border-radius:6px;
background:#FFFFFF;
font-size:13px;
}


/* ---------------------------------------------------------
   MOBILE SUPPORT BAR
   --------------------------------------------------------- */
.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support{
margin-top:16px;
padding:17px;
grid-template-columns:1fr;
gap:15px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-content{
align-items:flex-start;
gap:12px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-icon{
flex-basis:38px;
width:38px;
height:38px;
font-size:16px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-title{
font-size:17px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-text{
font-size:13px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-actions{
width:100%;
padding:0;
display:grid;
grid-template-columns:1fr;
gap:9px;
}

.elementor-9697 .elementor-element.elementor-element-b886f92 .dv-knx-act-04-support-btn{
width:100%;
white-space:normal;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad4c03d *//* =========================================================
   KNX SWITCH ACTUATORS
   SECTION 05 — CONTROL & INSTALLATION FEATURES
   COMPLETE REBUILT CSS
   ========================================================= */


/* =========================================================
   01. SECTION & VARIABLES
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d{
  --dv-dark-green:#0C504E;
  --dv-teal:#008C88;
  --dv-gold:#FFB304;
  --dv-light-green:#F4FAF9;
  --dv-white:#FFFFFF;
  --dv-text:#41545B;
  --dv-muted:#6A7D82;
  --dv-border:#D6E5E3;
  --dv-shadow:0 10px 28px rgba(12,80,78,.08);

  position:relative;
  width:100%;
  padding:40px 40px 30px;
  overflow:hidden;
  background:var(--dv-light-green);
}


/* =========================================================
   02. INNER
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-inner{
  position:relative;
  display:block;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-inner > .e-con-inner{
  display:contents !important;
}


/* =========================================================
   03. HTML HEADING
   Unified HTML Heading Standard
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-header {
  display: flex !important;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 20px;
  padding: 0;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0 !important;
  text-align: center;
  box-sizing: border-box;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-eyebrow {
  display: inline-flex;
  width: fit-content;
  margin: 0 auto 14px;
  padding: 7px 14px;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid #FFB304;
  border-radius: 4px;
  color: #0C504E;
  font-family: "Inter", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  box-sizing: border-box;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-title {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #008C88;
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-divider {
  display: flex !important;
  width: auto;
  height: 6px;
  margin: 10px auto 15px;
  padding: 0;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: none;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-divider::before,
.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-divider::after {
  display: none;
  content: none;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-divider-line {
  display: block;
  flex: 0 0 35px;
  width: 35px;
  height: 2px;
  margin: 0;
  background-color: #FFB304;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-divider-dot {
  display: block;
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin: 0;
  background-color: #FFB304;
  border-radius: 50%;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-description {
  width: 100%;
  max-width: 900px;
  margin: 0;
  padding: 0;
  color: #5F7378;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  text-align: center;
}


/* =========================================================
   08. MAIN TWO-COLUMN LAYOUT
   Only this container controls the two columns
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-layout{
  display:grid !important;
  grid-template-columns:minmax(0,40%) minmax(0,1fr) !important;
  align-items:stretch !important;
  align-content:start !important;
  gap:24px !important;
  width:100% !important;
  max-width:none !important;
  margin:20px 0 0 !important;
  padding:0 !important;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-layout > .e-con-inner{
  display:contents !important;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-layout > .dv-knx-act-05-visual,
.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-layout > .dv-knx-act-05-features,
.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-layout > .e-con-inner > .dv-knx-act-05-visual,
.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-layout > .e-con-inner > .dv-knx-act-05-features{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
}


/* =========================================================
   09. LEFT VISUAL CONTAINER
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-visual{
  position:relative;
  display:block !important;
  width:100%;
  min-width:0;
  min-height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid var(--dv-border);
  border-radius:6px;
  background:var(--dv-light-green);
  box-shadow:var(--dv-shadow);
  isolation:isolate;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-visual > .e-con-inner{
  display:contents !important;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-visual::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(12,80,78,0) 48%,
    rgba(12,80,78,.48) 100%
  );
  pointer-events:none;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-visual::after{
  content:"";
  position:absolute;
  z-index:4;
  left:24px;
  bottom:22px;
  width:54px;
  height:4px;
  border-radius:2px;
  background:var(--dv-gold);
  pointer-events:none;
}


/* =========================================================
   10. LEFT IMAGE
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-image{
  position:absolute !important;
  z-index:1;
  inset:0;
  display:block;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-image .elementor-widget-container{
  width:100%;
  height:100%;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  object-fit:cover;
  object-position:center;
}


/* =========================================================
   11. IMAGE CAPTION
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-image-caption{
  position:absolute !important;
  z-index:4;
  right:24px;
  bottom:18px;
  left:96px;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  text-align:right;
  color:var(--dv-white);
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-image-caption p{
  margin:0;
}


/* =========================================================
   12. RIGHT FEATURES GRID
   Only this container controls the six cards
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-features{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(3,minmax(0,auto)) !important;
  align-items:stretch !important;
  align-content:start !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-features > .e-con-inner{
  display:contents !important;
}


/* =========================================================
   13. FEATURE CARD
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature{
  position:relative;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:13px !important;
  row-gap:10px !important;
  align-content:start !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:148px;
  margin:0 !important;
  padding:17px 17px 23px !important;
  overflow:hidden;
  border:1px solid var(--dv-border);
  border-radius:5px;
  background:#E5F1EF;
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature > .e-con-inner{
  display:contents !important;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:34px;
  height:3px;
  background:var(--dv-gold);
  transition:width .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature:hover{
  transform:translateY(-3px);
  border-color:rgba(0,140,136,.38);
  background:#EDF7F5;
  box-shadow:0 10px 24px rgba(12,80,78,.09);
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature:hover::after{
  width:64px;
}


/* =========================================================
   14. FEATURE ICON
   Must be an Elementor Icon widget
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-icon{
  grid-column:1;
  grid-row:1;
  display:flex !important;
  align-items:center;
  justify-content:center;
  align-self:start;
  width:44px !important;
  height:44px !important;
  min-width:44px;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(0,140,136,.25);
  border-radius:5px;
  background:var(--dv-white);
  color:var(--dv-teal);
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-icon .elementor-widget-container{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-icon .elementor-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:auto;
  color:var(--dv-teal);
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-icon i{
  font-size:20px;
  line-height:1;
  color:var(--dv-teal);
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-icon svg{
  display:block;
  width:20px;
  height:20px;
  fill:var(--dv-teal);
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature:hover .dv-knx-act-05-icon{
  border-color:var(--dv-gold);
}


/* =========================================================
   15. FEATURE CONTENT CONTAINER
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-content{
  grid-column:2;
  grid-row:1 / span 2;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-content > .e-con-inner{
  display:contents !important;
}


/* =========================================================
   16. FEATURE TITLE
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-title{
  display:block;
  width:100%;
  min-width:0;
  margin:0 0 3px;
  padding:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:600;
  line-height:1.3;
  color:var(--dv-dark-green);
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-title .elementor-heading-title{
  margin:0;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  overflow-wrap:normal;
  word-break:normal;
  color:inherit;
}


/* =========================================================
   17. FEATURE DESCRIPTION
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-text{
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.58;
  color:var(--dv-text);
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-text p{
  margin:0;
  overflow-wrap:normal;
  word-break:normal;
}


/* =========================================================
   18. ELEMENTOR WIDTH RESET
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-header > *,
.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-content > *,
.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-content > .e-con-inner > *{
  max-width:none;
}

.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-layout .elementor-element,
.elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-features .elementor-element{
  --width:auto;
}


/* =========================================================
   19. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion:reduce){

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature,
  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature::after{
    transition:none;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature:hover{
    transform:none;
  }
}


/* =========================================================
   20. TABLET — MAX 1024PX
   ========================================================= */

@media (max-width:1024px){

  .elementor-9697 .elementor-element.elementor-element-ad4c03d{
    padding:40px 30px 30px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-layout{
    grid-template-columns:minmax(0,36%) minmax(0,1fr) !important;
    gap:18px !important;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-features{
    gap:12px !important;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature{
    grid-template-columns:40px minmax(0,1fr) !important;
    column-gap:11px !important;
    min-height:142px;
    padding:15px !important;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-icon i{
    font-size:18px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-icon svg{
    width:18px;
    height:18px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-title{
    font-size:17px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-text{
    font-size:14px;
    line-height:1.55;
  }
}


/* =========================================================
   21. SMALL TABLET — MAX 767PX
   ========================================================= */

@media (max-width:767px){

  .elementor-9697 .elementor-element.elementor-element-ad4c03d{
    padding:36px 20px 28px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-title{
    font-size:28px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-layout{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-visual{
    min-height:360px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-features{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* =========================================================
   22. MOBILE — MAX 600PX
   ========================================================= */

@media (max-width:600px){

  .elementor-9697 .elementor-element.elementor-element-ad4c03d{
    padding:34px 16px 26px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-label{
    margin-bottom:14px;
    padding:5px 11px;
    font-size:12px;
    letter-spacing:1.2px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-title{
    font-size:26px;
    line-height:1.26;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-description{
    font-size:15px;
    line-height:1.65;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-visual{
    min-height:280px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-visual::after{
    left:18px;
    bottom:18px;
    width:44px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-image-caption{
    right:18px;
    bottom:15px;
    left:76px;
    font-size:13px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-features{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature{
    grid-template-columns:42px minmax(0,1fr) !important;
    column-gap:12px !important;
    min-height:0;
    padding:16px !important;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-title{
    font-size:18px;
  }

  .elementor-9697 .elementor-element.elementor-element-ad4c03d .dv-knx-act-05-feature-text{
    font-size:15px;
    line-height:1.6;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55fa706 *//* =========================================================
   SECTION 06 — APPLICATION ENVIRONMENTS
   KNX Switch Actuators
   ========================================================= */


/* =========================================================
   01. VARIABLES
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-55fa706{
  --dv-dark-green:#0C504E;
  --dv-teal:#008C88;
  --dv-gold:#FFB304;
  --dv-light-green:#F4FAF9;
  --dv-text:#41545B;
  --dv-muted:#5F7378;
  --dv-white:#FFFFFF;
}


/* =========================================================
   02. SECTION
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-55fa706{
  position:relative;
  width:100%;
  margin:0;
  padding:40px 40px 30px;
  overflow:hidden;
  background-color:#FFFFFF;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-55fa706::before{
  content:"";
  position:absolute;
  top:-180px;
  right:-160px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(0,140,136,.07) 0%,
    rgba(0,140,136,0) 70%
  );
  pointer-events:none;
}

.elementor-9697 .elementor-element.elementor-element-55fa706::after{
  content:"";
  position:absolute;
  bottom:-190px;
  left:-180px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(255,179,4,.06) 0%,
    rgba(255,179,4,0) 72%
  );
  pointer-events:none;
}


/* =========================================================
   03. INNER
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-inner{
  position:relative;
  z-index:2;
  display:block!important;
  width:100%;
  max-width:1200px;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-inner>.e-con-inner{
  display:block!important;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}


/* =========================================================
   04. HTML HEADING
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-header{
  display:flex!important;
  width:100%;
  max-width:900px;
  margin:0 auto 20px;
  padding:0;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:0!important;
  text-align:center;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-eyebrow{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  margin:0 auto 14px;
  padding:7px 14px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--dv-gold);
  border-radius:4px;
  background-color:var(--dv-white);
  color:var(--dv-dark-green);
  font-family:Inter,Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:1.4px;
  text-transform:uppercase;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-title{
  width:100%;
  margin:0;
  padding:0;
  color:var(--dv-teal);
  font-family:Georgia,"Times New Roman",serif;
  font-size:32px;
  font-weight:600;
  line-height:1.2;
  text-align:center;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-divider{
  display:flex!important;
  width:auto;
  height:6px;
  margin:10px auto 15px;
  padding:0;
  align-items:center;
  justify-content:center;
  gap:5px;
  background:none;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-divider::before,
.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-divider::after{
  display:none;
  content:none;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-divider-line{
  display:block;
  flex:0 0 35px;
  width:35px;
  height:2px;
  margin:0;
  background-color:var(--dv-gold);
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-divider-dot{
  display:block;
  flex:0 0 6px;
  width:6px;
  height:6px;
  margin:0;
  border-radius:50%;
  background-color:var(--dv-gold);
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-description{
  width:100%;
  max-width:900px;
  margin:0;
  padding:0;
  color:var(--dv-muted);
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.7;
  text-align:center;
}


/* =========================================================
   05. APPLICATION GRID
   DESKTOP: 3 COLUMNS × 2 ROWS
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  counter-reset:dv-knx-act-06-card;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-grid>.e-con-inner{
  display:contents!important;
}


/* =========================================================
   06. APPLICATION CARD
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card{
  position:relative;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:210px;
  margin:0!important;
  padding:25px 25px 23px!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  overflow:hidden;
  border:1px solid rgba(0,140,136,.18);
  border-radius:6px;
  background:
    linear-gradient(
      145deg,
      #FFFFFF 0%,
      #FFFFFF 62%,
      #F1F8F7 100%
    );
  box-shadow:0 5px 18px rgba(12,80,78,.055);
  counter-increment:dv-knx-act-06-card;
  box-sizing:border-box;
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card>.e-con-inner{
  display:flex!important;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
}


/* Hover 金色竖线 */
.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card::before{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  left:0;
  width:4px;
  height:100%;
  background-color:var(--dv-gold);
  opacity:0;
  transform:scaleY(.35);
  transform-origin:center;
  pointer-events:none;
  transition:
    opacity .25s ease,
    transform .25s ease;
}


/* 右上角半透明编号 */
.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card::after{
  content:counter(dv-knx-act-06-card,decimal-leading-zero);
  position:absolute;
  z-index:0;
  top:10px;
  right:16px;
  color:rgba(12,80,78,.085);
  font-family:Georgia,"Times New Roman",serif;
  font-size:48px;
  font-weight:700;
  line-height:1;
  letter-spacing:-2px;
  pointer-events:none;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card:hover{
  transform:translateY(-4px);
  border-color:rgba(0,140,136,.38);
  box-shadow:0 12px 28px rgba(12,80,78,.10);
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card:hover::before{
  opacity:1;
  transform:scaleY(1);
}


/* =========================================================
   07. CARD ICON
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-icon{
  position:relative;
  z-index:2;
  display:inline-flex!important;
  width:46px!important;
  height:46px!important;
  min-width:46px;
  margin:0 0 17px!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(0,140,136,.20);
  border-radius:5px;
  background-color:#E5F1EF;
  color:var(--dv-teal);
  box-sizing:border-box;
  transition:
    background-color .25s ease,
    border-color .25s ease,
    color .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-icon>.elementor-widget-container{
  display:flex!important;
  width:100%;
  height:100%;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-icon .elementor-icon{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  color:inherit;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-icon i{
  color:inherit;
  font-size:21px;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-icon svg{
  width:21px;
  height:21px;
  fill:currentColor;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card:hover .dv-knx-act-06-icon{
  border-color:var(--dv-teal);
  background-color:var(--dv-teal);
  color:var(--dv-white);
}


/* =========================================================
   08. CARD TITLE
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card-title{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  min-width:0;
  margin:0 0 5px!important;
  padding:0!important;
  color:var(--dv-dark-green);
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  font-weight:600;
  line-height:1.3;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card-title>.elementor-widget-container{
  margin:0!important;
  padding:0!important;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card-title .elementor-heading-title{
  margin:0;
  padding:0;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
}


/* =========================================================
   09. CARD DESCRIPTION
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card-text{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  min-width:0;
  margin:0!important;
  padding:0!important;
  color:var(--dv-text);
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.62;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card-text>.elementor-widget-container{
  margin:0!important;
  padding:0!important;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card-text p{
  margin:0;
  padding:0;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
}


/* =========================================================
   10. ELEMENTOR WIDTH CONTROL
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-grid .elementor-element,
.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card .elementor-element{
  --width:auto;
}

.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card-title,
.elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card-text{
  --width:100%;
}


/* =========================================================
   11. TABLET — MAX 1024PX
   ========================================================= */

@media(max-width:1024px){

  .elementor-9697 .elementor-element.elementor-element-55fa706{
    padding:40px 30px 30px;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-title{
    font-size:30px;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card{
    min-height:205px;
    padding:23px 22px 21px!important;
  }
}


/* =========================================================
   12. MOBILE — MAX 767PX
   ========================================================= */

@media(max-width:767px){

  .elementor-9697 .elementor-element.elementor-element-55fa706{
    padding:36px 20px 28px;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-header{
    margin-bottom:20px;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-eyebrow{
    margin-bottom:12px;
    font-size:12px;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-title{
    font-size:27px;
    line-height:1.25;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-description{
    font-size:15px;
    line-height:1.65;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card{
    min-height:0;
    padding:21px 20px 20px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card::after{
    top:9px;
    right:14px;
    font-size:43px;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px;
    margin-bottom:15px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card-title{
    font-size:18px;
  }
}


/* =========================================================
   13. SMALL MOBILE — MAX 420PX
   ========================================================= */

@media(max-width:420px){

  .elementor-9697 .elementor-element.elementor-element-55fa706{
    padding:34px 16px 26px;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-title{
    font-size:26px;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card{
    padding:20px 18px 19px!important;
  }
}


/* =========================================================
   14. REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card,
  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card::before,
  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-icon{
    transition:none;
  }

  .elementor-9697 .elementor-element.elementor-element-55fa706 .dv-knx-act-06-card:hover{
    transform:none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a65afe2 *//* =========================================================
   SECTION 07 — MANUFACTURING & QUALITY TESTING
   KNX Switch Actuators
   ========================================================= */


/* =========================================================
   01. VARIABLES
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2{
  --dv-dark-green:#0C504E;
  --dv-deep-green:#083F3D;
  --dv-teal:#008C88;
  --dv-gold:#FFB304;
  --dv-light-green:#F4FAF9;
  --dv-text:#41545B;
  --dv-muted:#D2E3E1;
  --dv-white:#FFFFFF;
}


/* =========================================================
   02. SECTION
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2{
  position:relative;
  width:100%;
  margin:0;
  padding:40px 40px 30px;
  overflow:hidden;
  background-color:var(--dv-dark-green);
  box-sizing:border-box;
}

/* 右上角柔和装饰光 */
.elementor-9697 .elementor-element.elementor-element-a65afe2::before{
  content:"";
  position:absolute;
  top:-190px;
  right:-160px;
  width:500px;
  height:500px;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(255,179,4,.11) 0%,
    rgba(255,179,4,0) 70%
  );
  pointer-events:none;
}

/* 左下角青绿色装饰光 */
.elementor-9697 .elementor-element.elementor-element-a65afe2::after{
  content:"";
  position:absolute;
  bottom:-230px;
  left:-190px;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(0,140,136,.25) 0%,
    rgba(0,140,136,0) 70%
  );
  pointer-events:none;
}


/* =========================================================
   03. INNER
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-inner{
  position:relative;
  z-index:2;
  display:block!important;
  width:100%;
  max-width:1200px;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-inner>.e-con-inner{
  display:block!important;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}


/* =========================================================
   04. HTML HEADING
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-header{
  display:flex!important;
  width:100%;
  max-width:900px;
  margin:0 auto 20px;
  padding:0;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:0!important;
  text-align:center;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-eyebrow{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  margin:0 auto 14px;
  padding:7px 14px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--dv-gold);
  border-radius:4px;
  background-color:rgba(255,255,255,.06);
  color:var(--dv-gold);
  font-family:Inter,Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:1.4px;
  text-transform:uppercase;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-title{
  width:100%;
  margin:0;
  padding:0;
  color:var(--dv-white);
  font-family:Georgia,"Times New Roman",serif;
  font-size:32px;
  font-weight:600;
  line-height:1.2;
  text-align:center;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-divider{
  display:flex!important;
  width:auto;
  height:6px;
  margin:10px auto 15px;
  padding:0;
  align-items:center;
  justify-content:center;
  gap:5px;
  background:none;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-divider::before,
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-divider::after{
  display:none;
  content:none;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-divider-line{
  display:block;
  flex:0 0 35px;
  width:35px;
  height:2px;
  background-color:var(--dv-gold);
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-divider-dot{
  display:block;
  flex:0 0 6px;
  width:6px;
  height:6px;
  border-radius:50%;
  background-color:var(--dv-gold);
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-description{
  width:100%;
  max-width:900px;
  margin:0;
  padding:0;
  color:var(--dv-muted);
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.7;
  text-align:center;
}


/* =========================================================
   05. MAIN QUALITY LAYOUT
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-layout{
  display:grid!important;
  grid-template-columns:minmax(0,34%) minmax(0,66%)!important;
  gap:20px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-layout>.e-con-inner{
  display:contents!important;
}


/* =========================================================
   06. QUALITY INTRO PANEL
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-panel{
  position:relative;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:100%;
  margin:0!important;
  padding:29px 28px 27px!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
  overflow:hidden;
  border:1px solid rgba(255,179,4,.34);
  border-radius:6px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.12) 0%,
      rgba(255,255,255,.055) 100%
    );
  box-shadow:0 14px 32px rgba(4,39,38,.18);
  box-sizing:border-box;
}

/* 左侧金色装饰线 */
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-panel::before{
  content:"";
  position:absolute;
  top:27px;
  bottom:27px;
  left:0;
  width:4px;
  background-color:var(--dv-gold);
  pointer-events:none;
}

/* 背景装饰圆 */
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-panel::after{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-65px;
  width:185px;
  height:185px;
  border:1px solid rgba(255,179,4,.16);
  border-radius:50%;
  pointer-events:none;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-panel>.e-con-inner{
  position:relative;
  z-index:2;
  display:flex!important;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
}


/* =========================================================
   07. QUALITY PANEL ICON
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-icon{
  display:inline-flex!important;
  width:52px!important;
  height:52px!important;
  min-width:52px;
  margin:0 0 18px!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,179,4,.58);
  border-radius:5px;
  background-color:var(--dv-light-green);
  color:var(--dv-gold);
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-icon>.elementor-widget-container{
  display:flex!important;
  width:100%;
  height:100%;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-icon .elementor-icon{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  color:inherit;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-icon i{
  color:inherit;
  font-size:24px;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-icon svg{
  width:24px;
  height:24px;
  fill:currentColor;
}


/* =========================================================
   08. QUALITY PANEL LABEL
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-label{
  display:block;
  width:100%;
  margin:0 0 8px!important;
  padding:0!important;
  color:var(--dv-gold);
  font-family:Inter,Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:1.3px;
  text-transform:uppercase;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-label>.elementor-widget-container{
  margin:0!important;
  padding:0!important;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-label p{
  margin:0;
}


/* =========================================================
   09. QUALITY PANEL TITLE
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-title{
  display:block;
  width:100%;
  margin:0 0 9px!important;
  padding:0!important;
  color:var(--dv-white);
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  font-weight:600;
  line-height:1.3;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-title>.elementor-widget-container{
  margin:0!important;
  padding:0!important;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-title .elementor-heading-title{
  margin:0;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
}


/* =========================================================
   10. QUALITY PANEL TEXT
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-text{
  display:block;
  width:100%;
  margin:0!important;
  padding:0!important;
  color:var(--dv-muted);
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.68;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-text>.elementor-widget-container{
  margin:0!important;
  padding:0!important;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-text p{
  margin:0;
}


/* =========================================================
   11. PROCESS GRID
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  counter-reset:dv-knx-act-07-process;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-grid>.e-con-inner{
  display:contents!important;
}


/* =========================================================
   12. PROCESS CARD
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process{
  position:relative;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:174px;
  margin:0!important;
  padding:23px 22px 21px!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:6px;
  background-color:rgba(255,255,255,.09);
  counter-increment:dv-knx-act-07-process;
  box-sizing:border-box;
  transition:
    transform .25s ease,
    border-color .25s ease,
    background-color .25s ease,
    box-shadow .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process>.e-con-inner{
  display:flex!important;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
}

/* 自动编号：固定显示在右上角 */
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process::before{
  content:counter(dv-knx-act-07-process,decimal-leading-zero)!important;
  position:absolute!important;
  top:16px!important;
  right:18px!important;
  bottom:auto!important;
  left:auto!important;
  z-index:5!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  background:none!important;
  color:rgba(255,179,4,.22)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:38px!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:right!important;
  pointer-events:none!important;
}

/* Hover 底部金线 */
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:3px;
  background-color:var(--dv-gold);
  transform:scaleX(0);
  transform-origin:left center;
  pointer-events:none;
  transition:transform .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process:hover{
  transform:translateY(-3px);
  border-color:rgba(255,179,4,.42);
  background-color:rgba(255,255,255,.135);
  box-shadow:0 12px 25px rgba(4,39,38,.20);
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process:hover::after{
  transform:scaleX(1);
}


/* =========================================================
   13. PROCESS ICON
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-icon{
  position:relative;
  z-index:2;
  display:inline-flex!important;
  width:42px!important;
  height:42px!important;
  min-width:42px;
  margin:0 0 14px!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,179,4,.42);
  border-radius:5px;
  background-color:var(--dv-light-green);
  color:var(--dv-gold);
  box-sizing:border-box;
  transition:
    background-color .25s ease,
    color .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-icon>.elementor-widget-container{
  display:flex!important;
  width:100%;
  height:100%;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-icon .elementor-icon{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  color:inherit;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-icon i{
  color:inherit;
  font-size:19px;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-icon svg{
  width:19px;
  height:19px;
  fill:currentColor;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process:hover .dv-knx-act-07-process-icon{
  background-color:var(--dv-gold);
  color:var(--dv-dark-green);
}


/* =========================================================
   14. PROCESS TITLE
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-title{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  margin:0 0 4px!important;
  padding:0 45px 0 0!important;
  color:var(--dv-white);
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:600;
  line-height:1.3;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-title>.elementor-widget-container{
  margin:0!important;
  padding:0!important;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-title .elementor-heading-title{
  margin:0;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
}


/* =========================================================
   15. PROCESS DESCRIPTION
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-text{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  margin:0!important;
  padding:0!important;
  color:var(--dv-muted);
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.62;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-text>.elementor-widget-container{
  margin:0!important;
  padding:0!important;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-text p{
  margin:0;
}


/* =========================================================
   16. TECHNICAL SUPPORT BAR
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  margin:20px 0 0!important;
  padding:0!important;
  overflow:hidden;
  border-radius:6px;
  background-color:var(--dv-light-green);
  box-shadow:0 10px 25px rgba(4,39,38,.16);
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support>.e-con-inner{
  display:contents!important;
}


/* =========================================================
   17. SUPPORT ITEM
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-item{
  position:relative;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:13px!important;
  row-gap:2px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:20px 22px!important;
  align-content:start!important;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-item:not(:last-child){
  border-right:1px solid rgba(0,140,136,.18);
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-item>.e-con-inner{
  display:contents!important;
}


/* =========================================================
   18. SUPPORT ICON
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-icon{
  grid-column:1;
  grid-row:1 / span 2;
  display:inline-flex!important;
  width:40px!important;
  height:40px!important;
  min-width:40px;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:5px;
  background-color:transparent!important;
  color:var(--dv-gold);
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-icon>.elementor-widget-container{
  display:flex!important;
  width:100%;
  height:100%;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-icon .elementor-icon{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  color:inherit;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-icon i{
  color:inherit;
  font-size:18px;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-icon svg{
  width:18px;
  height:18px;
  fill:currentColor;
}


/* =========================================================
   19. SUPPORT TITLE
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-title{
  grid-column:2;
  grid-row:1;
  display:block;
  width:100%;
  margin:0!important;
  padding:0!important;
  color:var(--dv-dark-green);
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  font-weight:600;
  line-height:1.35;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-title>.elementor-widget-container{
  margin:0!important;
  padding:0!important;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-title .elementor-heading-title{
  margin:0;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
}


/* =========================================================
   20. SUPPORT DESCRIPTION
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-text{
  grid-column:2;
  grid-row:2;
  display:block;
  width:100%;
  margin:0!important;
  padding:0!important;
  color:var(--dv-text);
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.55;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-text>.elementor-widget-container{
  margin:0!important;
  padding:0!important;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-text p{
  margin:0;
}


/* =========================================================
   21. ELEMENTOR WIDTH CONTROL
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-layout .elementor-element,
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-grid .elementor-element,
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support .elementor-element{
  --width:auto;
}

.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-title,
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-text,
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-title,
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-text,
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-title,
.elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-text{
  --width:100%;
}


/* =========================================================
   22. TABLET — MAX 1024PX
   ========================================================= */

@media(max-width:1024px){

  .elementor-9697 .elementor-element.elementor-element-a65afe2{
    padding:40px 30px 30px;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-title{
    font-size:30px;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-layout{
    grid-template-columns:1fr!important;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-panel{
    min-height:0;
    padding:26px 27px 25px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process{
    min-height:170px;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support{
    grid-template-columns:1fr!important;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-item:not(:last-child){
    border-right:0;
    border-bottom:1px solid rgba(0,140,136,.18);
  }
}


/* =========================================================
   23. MOBILE — MAX 767PX
   ========================================================= */

@media(max-width:767px){

  .elementor-9697 .elementor-element.elementor-element-a65afe2{
    padding:36px 20px 28px;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-header{
    margin-bottom:20px;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-eyebrow{
    margin-bottom:12px;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-title{
    font-size:27px;
    line-height:1.25;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-description{
    font-size:15px;
    line-height:1.65;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-layout{
    gap:15px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-panel{
    padding:24px 22px 23px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-title{
    font-size:22px;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-grid{
    grid-template-columns:1fr!important;
    gap:13px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process{
    min-height:0;
    padding:21px 20px 20px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support{
    margin-top:15px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-item{
    padding:19px 20px!important;
  }
}


/* =========================================================
   24. SMALL MOBILE — MAX 420PX
   ========================================================= */

@media(max-width:420px){

  .elementor-9697 .elementor-element.elementor-element-a65afe2{
    padding:34px 16px 26px;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-title{
    font-size:26px;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-quality-panel{
    padding:22px 20px 21px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-title{
    padding-right:36px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-item{
    grid-template-columns:38px minmax(0,1fr)!important;
    column-gap:11px!important;
    padding:18px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-support-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px;
  }
}


/* =========================================================
   25. REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process,
  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process::after,
  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process-icon{
    transition:none;
  }

  .elementor-9697 .elementor-element.elementor-element-a65afe2 .dv-knx-act-07-process:hover{
    transform:none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e927a7 *//* =========================================================
   SECTION 08 — KNX SWITCH ACTUATOR FAQ
   KNX Switch Actuators
   ========================================================= */


/* =========================================================
   01. VARIABLES
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-6e927a7{
  --dv-dark-green:#0C504E;
  --dv-teal:#008C88;
  --dv-gold:#FFB304;
  --dv-light-green:#F4FAF9;
  --dv-text:#41545B;
  --dv-muted:#6A7D82;
  --dv-white:#FFFFFF;
}


/* =========================================================
   02. SECTION
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-6e927a7{
  position:relative;
  width:100%;
  margin:0;
  padding:40px 40px 30px;
  overflow:hidden;
  background-color:var(--dv-white);
  box-sizing:border-box;
}

/* 右上角装饰背景 */
.elementor-9697 .elementor-element.elementor-element-6e927a7::before{
  content:"";
  position:absolute;
  top:-190px;
  right:-170px;
  width:460px;
  height:460px;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(0,140,136,.10) 0%,
    rgba(0,140,136,0) 70%
  );
  pointer-events:none;
}

/* 左下角装饰背景 */
.elementor-9697 .elementor-element.elementor-element-6e927a7::after{
  content:"";
  position:absolute;
  bottom:-230px;
  left:-190px;
  width:500px;
  height:500px;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(255,179,4,.10) 0%,
    rgba(255,179,4,0) 70%
  );
  pointer-events:none;
}


/* =========================================================
   03. INNER
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-inner{
  position:relative;
  z-index:2;
  display:block!important;
  width:100%;
  max-width:1200px;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-inner>.e-con-inner{
  display:block!important;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}


/* =========================================================
   04. HTML HEADING — STANDARD V1.0
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-header{
  display:flex!important;
  width:100%;
  margin:0 auto 20px;
  padding:0;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:0!important;
  text-align:center;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-eyebrow{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  margin:0 auto 14px;
  padding:6px 12px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--dv-gold);
  border-radius:4px;
  background-color:var(--dv-white);
  color:var(--dv-dark-green);
  font-family:Inter,Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:1.4px;
  text-transform:uppercase;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-title{
  width:100%;
  margin:0;
  padding:0;
  color:var(--dv-teal);
  font-family:Georgia,"Times New Roman",serif;
  font-size:32px;
  font-weight:600;
  line-height:1.2;
  text-align:center;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-divider{
  display:flex!important;
  width:80px;
  height:6px;
  margin:10px auto 15px;
  padding:0;
  align-items:center;
  justify-content:center;
  gap:2px;
  background:none;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-divider::before,
.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-divider::after{
  display:none;
  content:none;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-divider-line{
  display:block;
  flex:0 0 35px;
  width:35px;
  height:2px;
  background-color:var(--dv-gold);
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-divider-dot{
  display:block;
  flex:0 0 6px;
  width:6px;
  height:6px;
  border-radius:50%;
  background-color:var(--dv-gold);
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-description{
  width:100%;
  max-width:820px;
  margin:0 auto;
  padding:0;
  color:var(--dv-text);
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.7;
  text-align:center;
}


/* =========================================================
   05. HTML FAQ WRAP
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-faq{
  display:flex;
  width:100%;
  max-width:1000px;
  margin:0 auto;
  padding:0;
  flex-direction:column;
  gap:10px;
  box-sizing:border-box;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-inner>.elementor-widget-html,
.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-inner>.elementor-widget-html>.elementor-widget-container{
  width:100%;
  margin:0!important;
  padding:0!important;
}


/* =========================================================
   06. FAQ ITEM
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-faq-item{
  position:relative;
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid #CFE4E2;
  border-radius:5px;
  background-color:var(--dv-white);
  box-sizing:border-box;
  transition:
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-faq-item:hover{
  border-color:rgba(0,140,136,.32);
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-faq-item.is-open{
  border-color:#C7DFDC;
  background-color:var(--dv-light-green);
  box-shadow:0 3px 12px rgba(12,80,78,.045);
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-faq-item.is-open::before{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  left:0;
  width:4px;
  background-color:var(--dv-gold);
  pointer-events:none;
}


/* =========================================================
   07. FAQ QUESTION
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-question{
  display:grid;
  width:100%;
  min-height:58px;
  margin:0;
  padding:17px 20px;
  grid-template-columns:18px minmax(0,1fr);
  gap:10px;
  align-items:center;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--dv-dark-green);
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:1.45;
  text-align:left;
  cursor:pointer;
  appearance:none;
  box-sizing:border-box;
  transition:
    color .25s ease,
    padding-left .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-question:hover{
  color:var(--dv-teal);
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-question:focus-visible{
  outline:2px solid var(--dv-gold);
  outline-offset:-3px;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-question[aria-expanded="true"]{
  padding-left:23px;
  color:var(--dv-dark-green);
}


/* =========================================================
   08. TRIANGLE SYMBOL
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-symbol{
  position:relative;
  display:inline-flex;
  order:-1;
  width:16px;
  height:16px;
  align-items:center;
  justify-content:center;
  color:var(--dv-dark-green);
  transition:
    color .25s ease,
    transform .25s ease;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-symbol::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:7px solid currentColor;
  transform:translate(-35%,-50%);
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-question[aria-expanded="true"]
.dv-knx-act-08-symbol{
  color:var(--dv-teal);
  transform:rotate(90deg);
}


/* =========================================================
   09. FAQ ANSWER
   ========================================================= */

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-answer{
  display:grid;
  grid-template-rows:0fr;
  overflow:hidden;
  transition:grid-template-rows .3s ease;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-answer-inner{
  min-height:0;
  overflow:hidden;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-answer p{
  margin:0;
  padding:0 24px 18px 51px;
  color:var(--dv-text);
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.65;
}

.elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-faq-item.is-open
.dv-knx-act-08-answer{
  grid-template-rows:1fr;
}


/* =========================================================
   10. MOBILE HTML FAQ
   ========================================================= */

@media(max-width:767px){

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-faq{
    gap:10px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-question{
    min-height:56px;
    padding:15px 16px;
    grid-template-columns:16px minmax(0,1fr);
    gap:9px;
    font-size:16px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-question[aria-expanded="true"]{
    padding-left:19px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-answer p{
    padding:0 17px 16px 44px;
    font-size:15px;
    line-height:1.65;
  }
}


/* =========================================================
   13. TABLET — MAX 1024PX
   ========================================================= */

@media(max-width:1024px){

  .elementor-9697 .elementor-element.elementor-element-6e927a7{
    padding:40px 30px 30px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-title{
    font-size:30px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-faq-wrap{
    max-width:900px;
  }
}


/* =========================================================
   14. MOBILE — MAX 767PX
   ========================================================= */

@media(max-width:767px){

  .elementor-9697 .elementor-element.elementor-element-6e927a7{
    padding:36px 20px 28px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-header{
    margin-bottom:20px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-eyebrow{
    margin-bottom:12px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-title{
    font-size:27px;
    line-height:1.25;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-description{
    font-size:15px;
    line-height:1.65;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-accordion .e-n-accordion{
    gap:10px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-accordion .e-n-accordion-item-title{
    min-height:60px;
    padding:16px 17px!important;
    gap:14px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-accordion .e-n-accordion-item-title-text{
    font-size:16px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-accordion .e-n-accordion-item-title-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-accordion .e-n-accordion-item
  > .e-con{
    padding:0 17px 18px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-accordion .e-n-accordion-item
  > .e-con p{
    font-size:15px!important;
    line-height:1.65!important;
  }
}


/* =========================================================
   15. SMALL MOBILE — MAX 420PX
   ========================================================= */

@media(max-width:420px){

  .elementor-9697 .elementor-element.elementor-element-6e927a7{
    padding:34px 16px 26px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-title{
    font-size:26px;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-accordion .e-n-accordion-item-title{
    padding:15px!important;
    gap:12px!important;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-accordion .e-n-accordion-item
  > .e-con{
    padding:0 15px 17px!important;
  }
}


/* =========================================================
   16. REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-accordion .e-n-accordion-item,
  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-accordion .e-n-accordion-item-title-icon{
    transition:none;
  }

  .elementor-9697 .elementor-element.elementor-element-6e927a7 .dv-knx-act-08-accordion .e-n-accordion-item:hover{
    transform:none;
  }
}/* End custom CSS */