.elementor-16 .elementor-element.elementor-element-5c99f68{--display:flex;--min-height:100vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.3;}.elementor-16 .elementor-element.elementor-element-5c99f68:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-5c99f68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://images.hgmsites.net/hug/2020-porsche-taycan_100714962_h.jpg");background-position:center center;background-size:cover;}.elementor-16 .elementor-element.elementor-element-5c99f68::before, .elementor-16 .elementor-element.elementor-element-5c99f68 > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-5c99f68 > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-5c99f68 > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-5c99f68 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-5c99f68 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-16 .elementor-element.elementor-element-3d2c0b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-25e5ba3 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:72px;font-weight:700;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-16 .elementor-element.elementor-element-b87f852 .elementor-button{background-color:#FFFFFF00;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;}.elementor-16 .elementor-element.elementor-element-7a7f34e{--display:flex;}.elementor-16 .elementor-element.elementor-element-639dc73{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:4rem;--margin-bottom:4rem;--margin-left:2rem;--margin-right:2rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-43a9fa7{--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;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-2080ba8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-2080ba8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-16 .elementor-element.elementor-element-2080ba8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-16 .elementor-element.elementor-element-2080ba8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-16 .elementor-element.elementor-element-2080ba8 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-16 .elementor-element.elementor-element-2080ba8 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-16 .elementor-element.elementor-element-78f44cb{--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;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-18156c8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-18156c8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-16 .elementor-element.elementor-element-18156c8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-16 .elementor-element.elementor-element-18156c8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-16 .elementor-element.elementor-element-18156c8 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-16 .elementor-element.elementor-element-18156c8 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-16 .elementor-element.elementor-element-8610a9d{--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;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-296eb87{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-296eb87.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-16 .elementor-element.elementor-element-296eb87.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-16 .elementor-element.elementor-element-296eb87.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-16 .elementor-element.elementor-element-296eb87 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-16 .elementor-element.elementor-element-296eb87 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-16 .elementor-element.elementor-element-c5ba2de{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-718996c{--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;--margin-top:4rem;--margin-bottom:2rem;--margin-left:4rem;--margin-right:0rem;}.elementor-16 .elementor-element.elementor-element-718996c.e-con{--align-self:flex-start;}.elementor-16 .elementor-element.elementor-element-f00bb2b{text-align:start;}.elementor-16 .elementor-element.elementor-element-f00bb2b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;text-transform:uppercase;}.elementor-16 .elementor-element.elementor-element-b410a69{--display:flex;--min-height:0vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:2rem;--margin-right:2rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:4rem;--padding-right:4rem;}.elementor-16 .elementor-element.elementor-element-b410a69.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-fc6a4db{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-fc6a4db.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-59e775c{width:100%;max-width:100%;top:3px;z-index:3;text-align:center;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-59e775c{left:0%;}body.rtl .elementor-16 .elementor-element.elementor-element-59e775c{right:0%;}.elementor-16 .elementor-element.elementor-element-59e775c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFDFD;}.elementor-16 .elementor-element.elementor-element-bccb04c .elementor-button{background-color:#868686A8;fill:#FFFFFF;color:#FFFFFF;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-bccb04c{left:2%;}body.rtl .elementor-16 .elementor-element.elementor-element-bccb04c{right:2%;}.elementor-16 .elementor-element.elementor-element-bccb04c{bottom:10%;z-index:4;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-df03a10{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;bottom:0px;z-index:3;color:#FFFFFF;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-df03a10{left:2%;}body.rtl .elementor-16 .elementor-element.elementor-element-df03a10{right:2%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-16 .elementor-element.elementor-element-e2847af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-16 .elementor-element.elementor-element-e2847af.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-e2847af img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-d5881ca{right:0px;}body.rtl .elementor-16 .elementor-element.elementor-element-d5881ca{left:0px;}.elementor-16 .elementor-element.elementor-element-d5881ca{bottom:0px;z-index:3;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-0b3e663{left:0px;}body.rtl .elementor-16 .elementor-element.elementor-element-0b3e663{right:0px;}.elementor-16 .elementor-element.elementor-element-0b3e663{top:0px;z-index:1;}.elementor-16 .elementor-element.elementor-element-0b3e663 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-16 .elementor-element.elementor-element-5a33c96{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-5a33c96.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-c288b2a{width:100%;max-width:100%;top:3px;z-index:3;text-align:center;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-c288b2a{left:0%;}body.rtl .elementor-16 .elementor-element.elementor-element-c288b2a{right:0%;}.elementor-16 .elementor-element.elementor-element-c288b2a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFDFD;}.elementor-16 .elementor-element.elementor-element-a61cfa7 .elementor-button{background-color:#868686A8;fill:#FFFFFF;color:#FFFFFF;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-a61cfa7{left:2%;}body.rtl .elementor-16 .elementor-element.elementor-element-a61cfa7{right:2%;}.elementor-16 .elementor-element.elementor-element-a61cfa7{bottom:10%;z-index:4;}.elementor-16 .elementor-element.elementor-element-5cee66e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;bottom:0px;z-index:3;color:#FFFFFF;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-5cee66e{left:2%;}body.rtl .elementor-16 .elementor-element.elementor-element-5cee66e{right:2%;}.elementor-16 .elementor-element.elementor-element-8c492a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-16 .elementor-element.elementor-element-8c492a5.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-8c492a5 img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-68d3617{right:0px;}body.rtl .elementor-16 .elementor-element.elementor-element-68d3617{left:0px;}.elementor-16 .elementor-element.elementor-element-68d3617{bottom:0px;z-index:3;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-a4a6159{left:0px;}body.rtl .elementor-16 .elementor-element.elementor-element-a4a6159{right:0px;}.elementor-16 .elementor-element.elementor-element-a4a6159{top:0px;z-index:1;}.elementor-16 .elementor-element.elementor-element-a4a6159 .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-16 .elementor-element.elementor-element-cd7d4ca{--display:flex;--min-height:0vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:2rem;--margin-right:2rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:4rem;--padding-right:4rem;}.elementor-16 .elementor-element.elementor-element-cd7d4ca.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-05ebb74{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-05ebb74.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-06f3366{width:100%;max-width:100%;top:3px;z-index:3;text-align:center;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-06f3366{left:0%;}body.rtl .elementor-16 .elementor-element.elementor-element-06f3366{right:0%;}.elementor-16 .elementor-element.elementor-element-06f3366 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFDFD;}.elementor-16 .elementor-element.elementor-element-9dae00e .elementor-button{background-color:#868686A8;fill:#FFFFFF;color:#FFFFFF;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-9dae00e{left:2%;}body.rtl .elementor-16 .elementor-element.elementor-element-9dae00e{right:2%;}.elementor-16 .elementor-element.elementor-element-9dae00e{bottom:10%;z-index:4;}.elementor-16 .elementor-element.elementor-element-d2085f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;bottom:0px;z-index:3;color:#FFFFFF;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-d2085f7{left:2%;}body.rtl .elementor-16 .elementor-element.elementor-element-d2085f7{right:2%;}.elementor-16 .elementor-element.elementor-element-572376b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-16 .elementor-element.elementor-element-572376b.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-572376b img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-4d00088{right:0px;}body.rtl .elementor-16 .elementor-element.elementor-element-4d00088{left:0px;}.elementor-16 .elementor-element.elementor-element-4d00088{bottom:0px;z-index:3;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-bb1afcb{left:0px;}body.rtl .elementor-16 .elementor-element.elementor-element-bb1afcb{right:0px;}.elementor-16 .elementor-element.elementor-element-bb1afcb{top:0px;z-index:1;}.elementor-16 .elementor-element.elementor-element-bb1afcb .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-16 .elementor-element.elementor-element-ffcbdbe{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-ffcbdbe.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-cd09c6e{width:100%;max-width:100%;top:3px;z-index:3;text-align:center;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-cd09c6e{left:0%;}body.rtl .elementor-16 .elementor-element.elementor-element-cd09c6e{right:0%;}.elementor-16 .elementor-element.elementor-element-cd09c6e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFDFD;}.elementor-16 .elementor-element.elementor-element-380b901 .elementor-button{background-color:#868686A8;fill:#FFFFFF;color:#FFFFFF;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-380b901{left:2%;}body.rtl .elementor-16 .elementor-element.elementor-element-380b901{right:2%;}.elementor-16 .elementor-element.elementor-element-380b901{bottom:10%;z-index:4;}.elementor-16 .elementor-element.elementor-element-7307de1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;bottom:0px;z-index:3;color:#FFFFFF;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-7307de1{left:2%;}body.rtl .elementor-16 .elementor-element.elementor-element-7307de1{right:2%;}.elementor-16 .elementor-element.elementor-element-679cc05{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-16 .elementor-element.elementor-element-679cc05.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-679cc05 img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-e7652fb{right:0px;}body.rtl .elementor-16 .elementor-element.elementor-element-e7652fb{left:0px;}.elementor-16 .elementor-element.elementor-element-e7652fb{bottom:0px;z-index:3;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-e6f7b0c{left:0px;}body.rtl .elementor-16 .elementor-element.elementor-element-e6f7b0c{right:0px;}.elementor-16 .elementor-element.elementor-element-e6f7b0c{top:0px;z-index:1;}.elementor-16 .elementor-element.elementor-element-e6f7b0c .elementor-wrapper{--video-aspect-ratio:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-16 .elementor-element.elementor-element-1e47a6a{--display:flex;--min-height:46vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;}.elementor-16 .elementor-element.elementor-element-5ea6fb0{--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;--border-radius:8px 0px 0px 8px;}.elementor-16 .elementor-element.elementor-element-5ea6fb0:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-5ea6fb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-16 .elementor-element.elementor-element-8011796{--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;--padding-top:4rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-16 .elementor-element.elementor-element-bd26f6b .elementor-heading-title{color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-dd01e6d .elementor-button{fill:#000000;color:#000000;}.elementor-16 .elementor-element.elementor-element-db7da51{--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;--border-radius:0px 8px 8px 0px;}.elementor-16 .elementor-element.elementor-element-db7da51:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-db7da51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://images.porsche.cn/f/338913/1920x1079/4f465bb7d6/16-9_porsche_finder.jpg/m/1584x891/filters:format(webp):quality(45)");background-size:cover;}.elementor-16 .elementor-element.elementor-element-dcf6ea2{--display:flex;--min-height:46vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;}.elementor-16 .elementor-element.elementor-element-129256b{--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;--border-radius:8px 0px 0px 8px;}.elementor-16 .elementor-element.elementor-element-129256b:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-129256b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://images.porsche.cn/f/338913/1900x1080/305a8f96fb/new_pcn_wide_dealer_search_2025.jpg/m/1584x891/filters:format(webp):quality(45)");background-size:cover;}.elementor-16 .elementor-element.elementor-element-247f3db{--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;--border-radius:0px 8px 8px 0px;}.elementor-16 .elementor-element.elementor-element-247f3db:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-247f3db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-16 .elementor-element.elementor-element-71996c2{--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;--padding-top:4rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-16 .elementor-element.elementor-element-c25766d .elementor-heading-title{color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-0a3f941 .elementor-button{fill:#000000;color:#000000;}.elementor-16 .elementor-element.elementor-element-d39d3da{--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;--margin-top:5rem;--margin-bottom:0rem;--margin-left:2rem;--margin-right:2rem;}.elementor-16 .elementor-element.elementor-element-6def402{text-align:center;}.elementor-16 .elementor-element.elementor-element-378fc0d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:4rem;--margin-bottom:4rem;--margin-left:2rem;--margin-right:2rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-288652b{--display:flex;--min-height:60px;--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;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-0d11d84{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-0d11d84.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-16 .elementor-element.elementor-element-0d11d84.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-16 .elementor-element.elementor-element-0d11d84.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-16 .elementor-element.elementor-element-0d11d84 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-16 .elementor-element.elementor-element-0d11d84 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-16 .elementor-element.elementor-element-1c45ed5{--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;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-be84f21{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-be84f21.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-16 .elementor-element.elementor-element-be84f21.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-16 .elementor-element.elementor-element-be84f21.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-16 .elementor-element.elementor-element-be84f21 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-16 .elementor-element.elementor-element-be84f21 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-16 .elementor-element.elementor-element-856d5f2{--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;--margin-top:1rem;--margin-bottom:1rem;--margin-left:1rem;--margin-right:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-fe4fa16{width:100%;max-width:100%;}.elementor-16 .elementor-element.elementor-element-fe4fa16.elementor-position-right .elementor-image-box-img{margin-left:14px;}.elementor-16 .elementor-element.elementor-element-fe4fa16.elementor-position-left .elementor-image-box-img{margin-right:14px;}.elementor-16 .elementor-element.elementor-element-fe4fa16.elementor-position-top .elementor-image-box-img{margin-bottom:14px;}.elementor-16 .elementor-element.elementor-element-fe4fa16 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-16 .elementor-element.elementor-element-fe4fa16 .elementor-image-box-img img{height:0px;object-fit:scale-down;object-position:center center;border-radius:0px;transition-duration:0.3s;}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-2080ba8 .elementor-image-box-img{margin-bottom:15px;}.elementor-16 .elementor-element.elementor-element-18156c8 .elementor-image-box-img{margin-bottom:15px;}.elementor-16 .elementor-element.elementor-element-296eb87 .elementor-image-box-img{margin-bottom:15px;}.elementor-16 .elementor-element.elementor-element-0d11d84 .elementor-image-box-img{margin-bottom:15px;}.elementor-16 .elementor-element.elementor-element-be84f21 .elementor-image-box-img{margin-bottom:15px;}.elementor-16 .elementor-element.elementor-element-fe4fa16 .elementor-image-box-img{margin-bottom:14px;}}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-639dc73{--content-width:1400px;}.elementor-16 .elementor-element.elementor-element-43a9fa7{--width:25%;}.elementor-16 .elementor-element.elementor-element-78f44cb{--width:25%;}.elementor-16 .elementor-element.elementor-element-8610a9d{--width:25%;}.elementor-16 .elementor-element.elementor-element-fc6a4db{--width:45%;}.elementor-16 .elementor-element.elementor-element-5a33c96{--width:45%;}.elementor-16 .elementor-element.elementor-element-05ebb74{--width:45%;}.elementor-16 .elementor-element.elementor-element-ffcbdbe{--width:45%;}.elementor-16 .elementor-element.elementor-element-1e47a6a{--content-width:1190px;}.elementor-16 .elementor-element.elementor-element-5ea6fb0{--width:45%;}.elementor-16 .elementor-element.elementor-element-db7da51{--width:55%;}.elementor-16 .elementor-element.elementor-element-dcf6ea2{--content-width:1190px;}.elementor-16 .elementor-element.elementor-element-129256b{--width:55%;}.elementor-16 .elementor-element.elementor-element-247f3db{--width:45%;}.elementor-16 .elementor-element.elementor-element-378fc0d{--content-width:1400px;}.elementor-16 .elementor-element.elementor-element-288652b{--width:25%;}.elementor-16 .elementor-element.elementor-element-1c45ed5{--width:25%;}.elementor-16 .elementor-element.elementor-element-856d5f2{--width:25%;}}/* Start custom CSS for image-box, class: .elementor-element-2080ba8 *//* 1. 容器基础设置 */
.elementor-16 .elementor-element.elementor-element-2080ba8 .elementor-image-box-wrapper {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; /* 确保子元素不溢出容器圆角 */
    border-radius: 12px !important; /* 容器统一设置圆角 */
}

/* 2. 图片容器设置 */
.elementor-16 .elementor-element.elementor-element-2080ba8 .elementor-image-box-img {
    display: block !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin: 0 !important;
    overflow: hidden !important; /* 裁剪图片和渐变，确保不溢出圆角 */
    position: relative !important;
    border-radius: 12px !important; /* 图片容器也设置圆角，双重保险 */
}

/* 3. 图片样式 */
.elementor-16 .elementor-element.elementor-element-2080ba8 .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
    border-radius: 12px !important; /* 图片本身也设置圆角 */
}

/* 4. 渐变遮罩（绑定在图片容器上） */
.elementor-16 .elementor-element.elementor-element-2080ba8 .elementor-image-box-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to top, 
        rgba(0,0,0,0.8) 0%, 
        rgba(0,0,0,0.4) 40%,
        rgba(0,0,0,0) 100%);
    z-index: 1;
    pointer-events: none;
    border-bottom-left-radius: 12px !important; /* 渐变只保留底部圆角 */
    border-bottom-right-radius: 12px !important;
}

/* 5. 悬停放大效果 */
.elementor-16 .elementor-element.elementor-element-2080ba8:hover .elementor-image-box-img img {
    transform: scale(1.1) !important;
}

/* 6. 文字定位 */
.elementor-16 .elementor-element.elementor-element-2080ba8 .elementor-image-box-content {
    position: absolute !important;
    bottom: 5px !important;
    left: 20px !important;
    z-index: 5 !important;
    text-align: left !important;
}

.elementor-16 .elementor-element.elementor-element-2080ba8 .elementor-image-box-title,
.elementor-16 .elementor-element.elementor-element-2080ba8:hover .elementor-image-box-title {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-18156c8 *//* 1. 容器基础设置 */
.elementor-16 .elementor-element.elementor-element-18156c8 .elementor-image-box-wrapper {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; /* 确保子元素不溢出容器圆角 */
    border-radius: 12px !important; /* 容器统一设置圆角 */
}

/* 2. 图片容器设置 */
.elementor-16 .elementor-element.elementor-element-18156c8 .elementor-image-box-img {
    display: block !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin: 0 !important;
    overflow: hidden !important; /* 裁剪图片和渐变，确保不溢出圆角 */
    position: relative !important;
    border-radius: 12px !important; /* 图片容器也设置圆角，双重保险 */
}

/* 3. 图片样式 */
.elementor-16 .elementor-element.elementor-element-18156c8 .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
    border-radius: 12px !important; /* 图片本身也设置圆角 */
}

/* 4. 渐变遮罩（绑定在图片容器上） */
.elementor-16 .elementor-element.elementor-element-18156c8 .elementor-image-box-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to top, 
        rgba(0,0,0,0.8) 0%, 
        rgba(0,0,0,0.4) 40%,
        rgba(0,0,0,0) 100%);
    z-index: 1;
    pointer-events: none;
    border-bottom-left-radius: 12px !important; /* 渐变只保留底部圆角 */
    border-bottom-right-radius: 12px !important;
}

/* 5. 悬停放大效果 */
.elementor-16 .elementor-element.elementor-element-18156c8:hover .elementor-image-box-img img {
    transform: scale(1.1) !important;
}

/* 6. 文字定位 */
.elementor-16 .elementor-element.elementor-element-18156c8 .elementor-image-box-content {
    position: absolute !important;
    bottom: 5px !important;
    left: 20px !important;
    z-index: 5 !important;
    text-align: left !important;
}

.elementor-16 .elementor-element.elementor-element-18156c8 .elementor-image-box-title,
.elementor-16 .elementor-element.elementor-element-18156c8:hover .elementor-image-box-title {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-296eb87 *//* 1. 容器基础设置 */
.elementor-16 .elementor-element.elementor-element-296eb87 .elementor-image-box-wrapper {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; /* 确保子元素不溢出容器圆角 */
    border-radius: 12px !important; /* 容器统一设置圆角 */
}

/* 2. 图片容器设置 */
.elementor-16 .elementor-element.elementor-element-296eb87 .elementor-image-box-img {
    display: block !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin: 0 !important;
    overflow: hidden !important; /* 裁剪图片和渐变，确保不溢出圆角 */
    position: relative !important;
    border-radius: 12px !important; /* 图片容器也设置圆角，双重保险 */
}

/* 3. 图片样式 */
.elementor-16 .elementor-element.elementor-element-296eb87 .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
    border-radius: 12px !important; /* 图片本身也设置圆角 */
}

/* 4. 渐变遮罩（绑定在图片容器上） */
.elementor-16 .elementor-element.elementor-element-296eb87 .elementor-image-box-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to top, 
        rgba(0,0,0,0.8) 0%, 
        rgba(0,0,0,0.4) 40%,
        rgba(0,0,0,0) 100%);
    z-index: 1;
    pointer-events: none;
    border-bottom-left-radius: 12px !important; /* 渐变只保留底部圆角 */
    border-bottom-right-radius: 12px !important;
}

/* 5. 悬停放大效果 */
.elementor-16 .elementor-element.elementor-element-296eb87:hover .elementor-image-box-img img {
    transform: scale(1.1) !important;
}

/* 6. 文字定位 */
.elementor-16 .elementor-element.elementor-element-296eb87 .elementor-image-box-content {
    position: absolute !important;
    bottom: 5px !important;
    left: 20px !important;
    z-index: 5 !important;
    text-align: left !important;
}

.elementor-16 .elementor-element.elementor-element-296eb87 .elementor-image-box-title,
.elementor-16 .elementor-element.elementor-element-296eb87:hover .elementor-image-box-title {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-718996c *//* 标题默认样式 */
.white-text-target {
    transition: all 0.8s ease !important;
}

/* 当触发变黑逻辑时，强制标题文字变白 */
.white-text-target.is-active h2, 
.white-text-target.is-active h1,
.white-text-target.is-active .elementor-heading-title {
    color: #ffffff !important;
}

/* 之前背景容器的变黑逻辑 */
.porsche1.is-active {
    background-color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-0b3e663 */{display: none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc6a4db *//* 为容器添加渐变遮罩层 */
.elementor-16 .elementor-element.elementor-element-fc6a4db::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 核心：上下黑色渐变，中间透明 */
    background: linear-gradient(
        to bottom, 
        rgba(0, 0, 0, 0.5) 0%,    /* 顶部黑色，透明度70% */
        rgba(0, 0, 0, 0) 10%,     /* 向上延伸25%处变透明 */
        rgba(0, 0, 0, 0) 90%,     /* 向下延伸75%处保持透明 */
        rgba(0, 0, 0, 0.5) 100%   /* 底部黑色，透明度80%，突出文字 */
    );
    z-index: 3; /* 确保在视频 (z-index: 1) 之上，但在文字 (z-index: 10) 之下 */
    pointer-events: none; /* 确保遮罩层不干扰鼠标点击事件 */
    transition: opacity 0.8s ease; /* 配合背景切换的呼吸感 */
}

/* 如果你希望悬停时渐变稍微加深，增加沉浸感 */
.elementor-16 .elementor-element.elementor-element-fc6a4db:hover::before {
    background: linear-gradient(
        to bottom, 
        rgba(0, 0, 0, 0.8) 0%, 
        rgba(0, 0, 0, 0) 30%, 
        rgba(0, 0, 0, 0) 70%, 
        rgba(0, 0, 0, 0.9) 100%
    );
}
/* 针对标题容器的定位 */
.elementor-16 .elementor-element.elementor-element-fc6a4db .product-card .elementor-widget-heading {
    position: absolute;
    top: 40px;      /* 距离顶部距离 */
    left: 50%;      /* 相对于父容器左侧 50% */
    transform: translateX(-50%); /* 向左偏移自身宽度的 50%，实现绝对居中 */
    width: auto;
    text-align: center;
    z-index: 10;
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); /* 保持呼吸感同步 */
}

/* 如果你的标题是在一个内部容器里，请确保该容器宽度为 100% */
.elementor-16 .elementor-element.elementor-element-fc6a4db .product-card .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
    align-items: center; /* 确保纵向布局时水平居中 */
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-a4a6159 */{display: none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a33c96 *//* 为容器添加渐变遮罩层 */
.elementor-16 .elementor-element.elementor-element-5a33c96::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 核心：上下黑色渐变，中间透明 */
    background: linear-gradient(
        to bottom, 
        rgba(0, 0, 0, 0.5) 0%,    /* 顶部黑色，透明度70% */
        rgba(0, 0, 0, 0) 10%,     /* 向上延伸25%处变透明 */
        rgba(0, 0, 0, 0) 90%,     /* 向下延伸75%处保持透明 */
        rgba(0, 0, 0, 0.5) 100%   /* 底部黑色，透明度80%，突出文字 */
    );
    z-index: 3; /* 确保在视频 (z-index: 1) 之上，但在文字 (z-index: 10) 之下 */
    pointer-events: none; /* 确保遮罩层不干扰鼠标点击事件 */
    transition: opacity 0.8s ease; /* 配合背景切换的呼吸感 */
}

/* 如果你希望悬停时渐变稍微加深，增加沉浸感 */
.elementor-16 .elementor-element.elementor-element-5a33c96:hover::before {
    background: linear-gradient(
        to bottom, 
        rgba(0, 0, 0, 0.8) 0%, 
        rgba(0, 0, 0, 0) 30%, 
        rgba(0, 0, 0, 0) 70%, 
        rgba(0, 0, 0, 0.9) 100%
    );
}
/* 针对标题容器的定位 */
.elementor-16 .elementor-element.elementor-element-5a33c96 .product-card .elementor-widget-heading {
    position: absolute;
    top: 40px;      /* 距离顶部距离 */
    left: 50%;      /* 相对于父容器左侧 50% */
    transform: translateX(-50%); /* 向左偏移自身宽度的 50%，实现绝对居中 */
    width: auto;
    text-align: center;
    z-index: 10;
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); /* 保持呼吸感同步 */
}

/* 如果你的标题是在一个内部容器里，请确保该容器宽度为 100% */
.elementor-16 .elementor-element.elementor-element-5a33c96 .product-card .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
    align-items: center; /* 确保纵向布局时水平居中 */
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b410a69 *//* 容器基础样式 */
.product-card {
  width: 50%;
  overflow: hidden;
  height: 300px;
  position: relative;
  transition: all 0.6s ease; /* 悬停动画丝滑过渡 */
}

/* 鼠标悬停：容器保持宽度（如需变宽可改为width: 62%;） */
.product-card:hover {
  width: 60%; /* 若要实现“变宽”，将50%改为62%/70%即可 */
}

/* 悬停隐藏图片、显示视频 */
.product-card:hover .card-img {
  display: none;
}
.product-card:hover .card-video {
  display: block !important; /* 覆盖默认隐藏样式 */
}

/* 文字样式细化（可选） */
.card-tag {
  background: rgba(255,255,255,0.2);
  padding: 3px 8px;
  border-radius: 2px;
  margin-bottom: 8px;
  display: inline-block;
}
.card-desc {
  font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-bb1afcb */{display: none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05ebb74 *//* 为容器添加渐变遮罩层 */
.elementor-16 .elementor-element.elementor-element-05ebb74::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 核心：上下黑色渐变，中间透明 */
    background: linear-gradient(
        to bottom, 
        rgba(0, 0, 0, 0.5) 0%,    /* 顶部黑色，透明度70% */
        rgba(0, 0, 0, 0) 10%,     /* 向上延伸25%处变透明 */
        rgba(0, 0, 0, 0) 90%,     /* 向下延伸75%处保持透明 */
        rgba(0, 0, 0, 0.5) 100%   /* 底部黑色，透明度80%，突出文字 */
    );
    z-index: 3; /* 确保在视频 (z-index: 1) 之上，但在文字 (z-index: 10) 之下 */
    pointer-events: none; /* 确保遮罩层不干扰鼠标点击事件 */
    transition: opacity 0.8s ease; /* 配合背景切换的呼吸感 */
}

/* 如果你希望悬停时渐变稍微加深，增加沉浸感 */
.elementor-16 .elementor-element.elementor-element-05ebb74:hover::before {
    background: linear-gradient(
        to bottom, 
        rgba(0, 0, 0, 0.8) 0%, 
        rgba(0, 0, 0, 0) 30%, 
        rgba(0, 0, 0, 0) 70%, 
        rgba(0, 0, 0, 0.9) 100%
    );
}
/* 针对标题容器的定位 */
.elementor-16 .elementor-element.elementor-element-05ebb74 .product-card .elementor-widget-heading {
    position: absolute;
    top: 40px;      /* 距离顶部距离 */
    left: 50%;      /* 相对于父容器左侧 50% */
    transform: translateX(-50%); /* 向左偏移自身宽度的 50%，实现绝对居中 */
    width: auto;
    text-align: center;
    z-index: 10;
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); /* 保持呼吸感同步 */
}

/* 如果你的标题是在一个内部容器里，请确保该容器宽度为 100% */
.elementor-16 .elementor-element.elementor-element-05ebb74 .product-card .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
    align-items: center; /* 确保纵向布局时水平居中 */
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-e6f7b0c */{display: none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffcbdbe *//* 为容器添加渐变遮罩层 */
.elementor-16 .elementor-element.elementor-element-ffcbdbe::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 核心：上下黑色渐变，中间透明 */
    background: linear-gradient(
        to bottom, 
        rgba(0, 0, 0, 0.5) 0%,    /* 顶部黑色，透明度70% */
        rgba(0, 0, 0, 0) 10%,     /* 向上延伸25%处变透明 */
        rgba(0, 0, 0, 0) 90%,     /* 向下延伸75%处保持透明 */
        rgba(0, 0, 0, 0.5) 100%   /* 底部黑色，透明度80%，突出文字 */
    );
    z-index: 3; /* 确保在视频 (z-index: 1) 之上，但在文字 (z-index: 10) 之下 */
    pointer-events: none; /* 确保遮罩层不干扰鼠标点击事件 */
    transition: opacity 0.8s ease; /* 配合背景切换的呼吸感 */
}

/* 如果你希望悬停时渐变稍微加深，增加沉浸感 */
.elementor-16 .elementor-element.elementor-element-ffcbdbe:hover::before {
    background: linear-gradient(
        to bottom, 
        rgba(0, 0, 0, 0.8) 0%, 
        rgba(0, 0, 0, 0) 30%, 
        rgba(0, 0, 0, 0) 70%, 
        rgba(0, 0, 0, 0.9) 100%
    );
}
/* 针对标题容器的定位 */
.elementor-16 .elementor-element.elementor-element-ffcbdbe .product-card .elementor-widget-heading {
    position: absolute;
    top: 40px;      /* 距离顶部距离 */
    left: 50%;      /* 相对于父容器左侧 50% */
    transform: translateX(-50%); /* 向左偏移自身宽度的 50%，实现绝对居中 */
    width: auto;
    text-align: center;
    z-index: 10;
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); /* 保持呼吸感同步 */
}

/* 如果你的标题是在一个内部容器里，请确保该容器宽度为 100% */
.elementor-16 .elementor-element.elementor-element-ffcbdbe .product-card .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
    align-items: center; /* 确保纵向布局时水平居中 */
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd7d4ca *//* 容器基础样式 */
.product-card {
  width: 50%;
  overflow: hidden;
  height: 300px;
  position: relative;
  transition: all 0.6s ease; /* 悬停动画丝滑过渡 */
}

/* 鼠标悬停：容器保持宽度（如需变宽可改为width: 62%;） */
.product-card:hover {
  width: 60%; /* 若要实现“变宽”，将50%改为62%/70%即可 */
}

/* 悬停隐藏图片、显示视频 */
.product-card:hover .card-img {
  display: none;
}
.product-card:hover .card-video {
  display: block !important; /* 覆盖默认隐藏样式 */
}

/* 文字样式细化（可选） */
.card-tag {
  background: rgba(255,255,255,0.2);
  padding: 3px 8px;
  border-radius: 2px;
  margin-bottom: 8px;
  display: inline-block;
}
.card-desc {
  font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5ba2de *//* 全局页面过渡样式 */
body {
    background-color: #ffffff; /* 初始背景色 */
    transition: background-color 1.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 整个页面变黑 */
body.is-dark-mode {
    background-color: #000000 !important;
}

/* 批量文字变白（呼吸感切换） */
.auto-white {
    transition: color 1.2s cubic-bezier(0.4, 0, 0.2, 1), 
                border-color 1.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 激活状态下的颜色 */
body.is-dark-mode .auto-white,
body.is-dark-mode .auto-white h1,
body.is-dark-mode .auto-white h2,
body.is-dark-mode .auto-white .elementor-heading-title,
body.is-dark-mode .auto-white p {
    color: #ffffff !important;
    border-color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-0d11d84 *//* 1. 容器基础设置 */
.elementor-16 .elementor-element.elementor-element-0d11d84 .elementor-image-box-wrapper {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; /* 确保子元素不溢出容器圆角 */
    border-radius: 12px !important; /* 容器统一设置圆角 */
}

/* 2. 图片容器设置 */
.elementor-16 .elementor-element.elementor-element-0d11d84 .elementor-image-box-img {
    display: block !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin: 0 !important;
    overflow: hidden !important; /* 裁剪图片和渐变，确保不溢出圆角 */
    position: relative !important;
    border-radius: 12px !important; /* 图片容器也设置圆角，双重保险 */
}

/* 3. 图片样式 */
.elementor-16 .elementor-element.elementor-element-0d11d84 .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
    border-radius: 12px !important; /* 图片本身也设置圆角 */
}

/* 4. 渐变遮罩（绑定在图片容器上） */
.elementor-16 .elementor-element.elementor-element-0d11d84 .elementor-image-box-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to top, 
        rgba(0,0,0,0.8) 0%, 
        rgba(0,0,0,0.4) 40%,
        rgba(0,0,0,0) 100%);
    z-index: 1;
    pointer-events: none;
    border-bottom-left-radius: 12px !important; /* 渐变只保留底部圆角 */
    border-bottom-right-radius: 12px !important;
}

/* 5. 悬停放大效果 */
.elementor-16 .elementor-element.elementor-element-0d11d84:hover .elementor-image-box-img img {
    transform: scale(1.1) !important;
}

/* 6. 文字定位 */
.elementor-16 .elementor-element.elementor-element-0d11d84 .elementor-image-box-content {
    position: absolute !important;
    bottom: 5px !important;
    left: 20px !important;
    z-index: 5 !important;
    text-align: left !important;
}

.elementor-16 .elementor-element.elementor-element-0d11d84 .elementor-image-box-title,
.elementor-16 .elementor-element.elementor-element-0d11d84:hover .elementor-image-box-title {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-be84f21 *//* 1. 容器基础设置 */
.elementor-16 .elementor-element.elementor-element-be84f21 .elementor-image-box-wrapper {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; /* 确保子元素不溢出容器圆角 */
    border-radius: 12px !important; /* 容器统一设置圆角 */
}

/* 2. 图片容器设置 */
.elementor-16 .elementor-element.elementor-element-be84f21 .elementor-image-box-img {
    display: block !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin: 0 !important;
    overflow: hidden !important; /* 裁剪图片和渐变，确保不溢出圆角 */
    position: relative !important;
    border-radius: 12px !important; /* 图片容器也设置圆角，双重保险 */
}

/* 3. 图片样式 */
.elementor-16 .elementor-element.elementor-element-be84f21 .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
    border-radius: 12px !important; /* 图片本身也设置圆角 */
}

/* 4. 渐变遮罩（绑定在图片容器上） */
.elementor-16 .elementor-element.elementor-element-be84f21 .elementor-image-box-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to top, 
        rgba(0,0,0,0.8) 0%, 
        rgba(0,0,0,0.4) 40%,
        rgba(0,0,0,0) 100%);
    z-index: 1;
    pointer-events: none;
    border-bottom-left-radius: 12px !important; /* 渐变只保留底部圆角 */
    border-bottom-right-radius: 12px !important;
}

/* 5. 悬停放大效果 */
.elementor-16 .elementor-element.elementor-element-be84f21:hover .elementor-image-box-img img {
    transform: scale(1.1) !important;
}

/* 6. 文字定位 */
.elementor-16 .elementor-element.elementor-element-be84f21 .elementor-image-box-content {
    position: absolute !important;
    bottom: 5px !important;
    left: 20px !important;
    z-index: 5 !important;
    text-align: left !important;
}

.elementor-16 .elementor-element.elementor-element-be84f21 .elementor-image-box-title,
.elementor-16 .elementor-element.elementor-element-be84f21:hover .elementor-image-box-title {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-fe4fa16 *//* 1. 容器基础设置 */
.elementor-16 .elementor-element.elementor-element-fe4fa16 .elementor-image-box-wrapper {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; /* 确保子元素不溢出容器圆角 */
    border-radius: 12px !important; /* 容器统一设置圆角 */
}

/* 2. 图片容器设置 */
.elementor-16 .elementor-element.elementor-element-fe4fa16 .elementor-image-box-img {
    display: block !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin: 0 !important;
    overflow: hidden !important; /* 裁剪图片和渐变，确保不溢出圆角 */
    position: relative !important;
    border-radius: 12px !important; /* 图片容器也设置圆角，双重保险 */
}

/* 3. 图片样式 */
.elementor-16 .elementor-element.elementor-element-fe4fa16 .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
    border-radius: 12px !important; /* 图片本身也设置圆角 */
}

/* 4. 渐变遮罩（绑定在图片容器上） */
.elementor-16 .elementor-element.elementor-element-fe4fa16 .elementor-image-box-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to top, 
        rgba(0,0,0,0.8) 0%, 
        rgba(0,0,0,0.4) 40%,
        rgba(0,0,0,0) 100%);
    z-index: 1;
    pointer-events: none;
    border-bottom-left-radius: 12px !important; /* 渐变只保留底部圆角 */
    border-bottom-right-radius: 12px !important;
}

/* 5. 悬停放大效果 */
.elementor-16 .elementor-element.elementor-element-fe4fa16:hover .elementor-image-box-img img {
    transform: scale(1.1) !important;
}

/* 6. 文字定位 */
.elementor-16 .elementor-element.elementor-element-fe4fa16 .elementor-image-box-content {
    position: absolute !important;
    bottom: 5px !important;
    left: 20px !important;
    z-index: 5 !important;
    text-align: left !important;
}

.elementor-16 .elementor-element.elementor-element-fe4fa16 .elementor-image-box-title,
.elementor-16 .elementor-element.elementor-element-fe4fa16:hover .elementor-image-box-title {
    color: #ffffff !important;
}/* End custom CSS */