.elementor-928 .elementor-element.elementor-element-3e06a1d{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-928 .elementor-element.elementor-element-4903d04 .elementor-repeater-item-0582563 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://www.weviolin.com/wp-content/uploads/2025/11/1ab.webp);background-size:cover;}.elementor-928 .elementor-element.elementor-element-4903d04 .elementor-repeater-item-d591eb3 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://www.weviolin.com/wp-content/uploads/2025/11/2a.webp);background-size:cover;}.elementor-928 .elementor-element.elementor-element-4903d04 .elementor-repeater-item-d768f20 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://www.weviolin.com/wp-content/uploads/2025/11/3a.webp);background-size:cover;}.elementor-928 .elementor-element.elementor-element-4903d04 .swiper-slide{transition-duration:calc(3000ms*1.2);height:688px;}.elementor-928 .elementor-element.elementor-element-4903d04{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-928 .elementor-element.elementor-element-4903d04 .swiper-slide-contents{max-width:100%;text-shadow:7px 3px 10px rgba(0,0,0,0.3);}.elementor-928 .elementor-element.elementor-element-4903d04 .swiper-slide-inner{text-align:left;}.elementor-928 .elementor-element.elementor-element-4903d04 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:12px;}.elementor-928 .elementor-element.elementor-element-4903d04 .elementor-slide-heading{color:#FB9902;font-family:"Roboto", Sans-serif;font-size:56px;font-weight:600;}.elementor-928 .elementor-element.elementor-element-4903d04 .elementor-slide-description{font-family:"Roboto Slab", Sans-serif;font-size:24px;font-weight:400;}.elementor-928 .elementor-element.elementor-element-4903d04 .swiper-pagination-bullet{height:11px;width:11px;}.elementor-928 .elementor-element.elementor-element-4903d04 .swiper-horizontal .swiper-pagination-progressbar{height:11px;}.elementor-928 .elementor-element.elementor-element-4903d04 .swiper-pagination-fraction{font-size:11px;}.elementor-928 .elementor-element.elementor-element-4903d04 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#FFFFFF;opacity:1;}.elementor-928 .elementor-element.elementor-element-4903d04 .swiper-pagination-bullet-active{background-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-8314c32{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-928 .elementor-element.elementor-element-87256c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-928 .elementor-element.elementor-element-98a2708{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-928 .elementor-element.elementor-element-cb810a6{--display:flex;--min-height:0px;--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-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 );}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-0f05a0b{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-0f05a0b{right:0px;}.elementor-928 .elementor-element.elementor-element-0f05a0b{top:0px;}.elementor-928 .elementor-element.elementor-element-dc7c661{--display:flex;}.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-928 .elementor-element.elementor-element-c90ccc0 .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-c90ccc0 .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-c90ccc0 .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-c90ccc0{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-c90ccc0 .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-c90ccc0 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-7c05b5c{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-fb5eb2d{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-fb5eb2d{right:0px;}.elementor-928 .elementor-element.elementor-element-fb5eb2d{top:0px;}.elementor-928 .elementor-element.elementor-element-784f8f0{--display:flex;}.elementor-928 .elementor-element.elementor-element-c117445 .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-c117445 .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-c117445 .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-c117445{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-c117445 .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-c117445 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-6380ada{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-f0ef279{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-f0ef279{right:0px;}.elementor-928 .elementor-element.elementor-element-f0ef279{top:0px;}.elementor-928 .elementor-element.elementor-element-e7b0c71{--display:flex;}.elementor-928 .elementor-element.elementor-element-1db97b4 .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-1db97b4 .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-1db97b4 .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-1db97b4{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-1db97b4 .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-1db97b4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-bc54cfb{--display:flex;}.elementor-928 .elementor-element.elementor-element-ec5d01c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-928 .elementor-element.elementor-element-e49cafe{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-5c51449{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-5c51449{right:0px;}.elementor-928 .elementor-element.elementor-element-5c51449{top:0px;}.elementor-928 .elementor-element.elementor-element-2cebfb0{--display:flex;}.elementor-928 .elementor-element.elementor-element-a440c1a .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-a440c1a .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-a440c1a .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-a440c1a{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-a440c1a .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-a440c1a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-70b85df{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-d781584{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-d781584{right:0px;}.elementor-928 .elementor-element.elementor-element-d781584{top:0px;}.elementor-928 .elementor-element.elementor-element-59c86a1{--display:flex;}.elementor-928 .elementor-element.elementor-element-ab3dc44 .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-ab3dc44 .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-ab3dc44 .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-ab3dc44{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-ab3dc44 .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-ab3dc44 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-ae8db12{--display:flex;}.elementor-928 .elementor-element.elementor-element-bbbf67f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-928 .elementor-element.elementor-element-486d723{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-c981c5d{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-c981c5d{right:0px;}.elementor-928 .elementor-element.elementor-element-c981c5d{top:0px;}.elementor-928 .elementor-element.elementor-element-b0543a2{--display:flex;}.elementor-928 .elementor-element.elementor-element-f6e4811 .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-f6e4811 .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-f6e4811 .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-f6e4811{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-f6e4811 .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-f6e4811 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-721ec06{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-e1c3808{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-e1c3808{right:0px;}.elementor-928 .elementor-element.elementor-element-e1c3808{top:0px;}.elementor-928 .elementor-element.elementor-element-bdf0371{--display:flex;}.elementor-928 .elementor-element.elementor-element-98f64b8 .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-98f64b8 .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-98f64b8 .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-98f64b8{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-98f64b8 .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-98f64b8 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-fc9ad3b{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-39c8065{left:-4px;}body.rtl .elementor-928 .elementor-element.elementor-element-39c8065{right:-4px;}.elementor-928 .elementor-element.elementor-element-39c8065{top:-1px;}.elementor-928 .elementor-element.elementor-element-04e4f7a{--display:flex;}.elementor-928 .elementor-element.elementor-element-409faef .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-409faef .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-409faef .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-409faef{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-409faef .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-409faef .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-4b32c74{--display:flex;}.elementor-928 .elementor-element.elementor-element-e25fdbd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-928 .elementor-element.elementor-element-3ea7a61{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-f2ba31c{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-f2ba31c{right:0px;}.elementor-928 .elementor-element.elementor-element-f2ba31c{top:0px;}.elementor-928 .elementor-element.elementor-element-8a120aa{--display:flex;}.elementor-928 .elementor-element.elementor-element-e407cb3 .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-e407cb3 .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-e407cb3 .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-e407cb3{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-e407cb3 .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-e407cb3 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-d65d224{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-2458da2{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-2458da2{right:0px;}.elementor-928 .elementor-element.elementor-element-2458da2{top:0px;}.elementor-928 .elementor-element.elementor-element-355e51e{--display:flex;}.elementor-928 .elementor-element.elementor-element-e5e351e .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-e5e351e .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-e5e351e .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-e5e351e{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-e5e351e .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-e5e351e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-6d5f7cb{--display:flex;}.elementor-928 .elementor-element.elementor-element-497d0e7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-928 .elementor-element.elementor-element-1215719{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-1fd713c{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-1fd713c{right:0px;}.elementor-928 .elementor-element.elementor-element-1fd713c{top:0px;}.elementor-928 .elementor-element.elementor-element-4dfdbd7{--display:flex;}.elementor-928 .elementor-element.elementor-element-7c24d45 .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-7c24d45 .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-7c24d45 .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-7c24d45{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-7c24d45 .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-7c24d45 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-0ea61c7{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-55368cf{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-55368cf{right:0px;}.elementor-928 .elementor-element.elementor-element-55368cf{top:0px;}.elementor-928 .elementor-element.elementor-element-f60df30{--display:flex;}.elementor-928 .elementor-element.elementor-element-c145c6c .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-c145c6c .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-c145c6c .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-c145c6c{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-c145c6c .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-c145c6c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-0e3cba7{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-18735b0{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-18735b0{right:0px;}.elementor-928 .elementor-element.elementor-element-18735b0{top:0px;}.elementor-928 .elementor-element.elementor-element-a4310a5{--display:flex;}.elementor-928 .elementor-element.elementor-element-a0c7023 .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-a0c7023 .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-a0c7023 .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-a0c7023{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-a0c7023 .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-a0c7023 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-2afb96b{--display:flex;}.elementor-928 .elementor-element.elementor-element-5b42319{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-928 .elementor-element.elementor-element-3f98f86{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-f92074d{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-f92074d{right:0px;}.elementor-928 .elementor-element.elementor-element-f92074d{top:0px;}.elementor-928 .elementor-element.elementor-element-471da62{--display:flex;}.elementor-928 .elementor-element.elementor-element-65ad7bb .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-65ad7bb .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-65ad7bb .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-65ad7bb{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-65ad7bb .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-65ad7bb .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-0f1e2a5{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-1ef5384{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-1ef5384{right:0px;}.elementor-928 .elementor-element.elementor-element-1ef5384{top:0px;}.elementor-928 .elementor-element.elementor-element-2353981{--display:flex;}.elementor-928 .elementor-element.elementor-element-c2aa97f .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-c2aa97f .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-c2aa97f .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-c2aa97f{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-c2aa97f .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-c2aa97f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-5456e56{--display:flex;--min-height:0px;--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;}body:not(.rtl) .elementor-928 .elementor-element.elementor-element-8896a76{left:0px;}body.rtl .elementor-928 .elementor-element.elementor-element-8896a76{right:0px;}.elementor-928 .elementor-element.elementor-element-8896a76{top:0px;}.elementor-928 .elementor-element.elementor-element-123893e{--display:flex;}.elementor-928 .elementor-element.elementor-element-ce9004a .elementor-button{background-color:#E9E6E68C;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:#252524;color:#252524;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-ce9004a .elementor-button:hover, .elementor-928 .elementor-element.elementor-element-ce9004a .elementor-button:focus{background-color:#FB9902;color:#FFFFFF;border-color:#FB9902;}.elementor-928 .elementor-element.elementor-element-ce9004a{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:777;}.elementor-928 .elementor-element.elementor-element-ce9004a .elementor-button:hover svg, .elementor-928 .elementor-element.elementor-element-ce9004a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-e24c842{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:11px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#252524;--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:11px;--n-tabs-icon-gap:8px;--n-tabs-icon-color:#000000;--n-tabs-icon-color-active:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-e24c842 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#E9E6E68C;}.elementor-928 .elementor-element.elementor-element-e24c842.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FB9902;}.elementor-928 .elementor-element.elementor-element-e24c842.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-928 .elementor-element.elementor-element-e24c842.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FB9902;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-928 .elementor-element.elementor-element-e24c842.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-928 .elementor-element.elementor-element-e24c842 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-icon-color-hover:#FFFFFF;}.elementor-928 .elementor-element.elementor-element-5827ece{--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-928 .elementor-element.elementor-element-ef91745{--display:flex;--min-height:0px;--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-928 .elementor-element.elementor-element-04560ec{--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;--z-index:1000;}.elementor-928 .elementor-element.elementor-element-04560ec:not(.elementor-motion-effects-element-type-background), .elementor-928 .elementor-element.elementor-element-04560ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-928 .elementor-element.elementor-element-8314c32{--content-width:1600px;}}@media(max-width:1024px){.elementor-928 .elementor-element.elementor-element-4903d04 .swiper-slide{height:313px;}}@media(max-width:767px){.elementor-928 .elementor-element.elementor-element-4903d04 .swiper-slide{height:126px;}}/* Start custom CSS for container, class: .elementor-element-7c05b5c *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6380ada *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e49cafe *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70b85df *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-721ec06 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc9ad3b *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ea7a61 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65d224 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea61c7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e3cba7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f1e2a5 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5456e56 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c05b5c *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6380ada *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e49cafe *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70b85df *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-721ec06 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc9ad3b *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ea7a61 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65d224 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea61c7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e3cba7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f1e2a5 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5456e56 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c05b5c *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6380ada *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e49cafe *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70b85df *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-721ec06 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc9ad3b *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ea7a61 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65d224 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea61c7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e3cba7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f1e2a5 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5456e56 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c05b5c *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6380ada *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e49cafe *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70b85df *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-721ec06 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc9ad3b *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ea7a61 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65d224 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea61c7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e3cba7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f1e2a5 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5456e56 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c05b5c *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6380ada *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e49cafe *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70b85df *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-721ec06 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc9ad3b *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ea7a61 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65d224 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea61c7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e3cba7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f1e2a5 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5456e56 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c05b5c *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6380ada *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e49cafe *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70b85df *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-721ec06 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc9ad3b *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ea7a61 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65d224 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea61c7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e3cba7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f1e2a5 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5456e56 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c05b5c *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6380ada *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e49cafe *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70b85df *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-721ec06 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc9ad3b *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ea7a61 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d65d224 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea61c7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e3cba7 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f1e2a5 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5456e56 *//* 容器默认状态 */
.violin-hover-switch .front-image {
    opacity: 1; /* 默认完全可见 */
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡效果 */
}

/* 悬停在父容器上时，隐藏正面图片 (图片 A) */
.violin-hover-switch:hover .front-image {
    opacity: 0; /* 鼠标悬停时，透明度变为0，实现淡出 */
}

/* 隐藏默认的背面图片 (图片 B) - 保持不变 */
.violin-hover-switch .hover-image {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* 悬停在父容器上时，显示背面图片 (图片 B) - 保持不变 */
.violin-hover-switch:hover .hover-image {
    opacity: 1; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8314c32 */// 当文档加载完成后执行
jQuery(document).ready(function($) {

    // ***** 请将此变量替换为您的 Elementor Tabs 小工具的实际容器 CSS ID *****
    var tabsContainerId = '#my-tabs-widget'; 
    // *******************************************************************
    
    // 定义外部按钮和对应 Tabs 索引的映射关系
    var buttonTabMap = {
        '#an1': 0, // an1 对应第一个标签 (索引 0)
        '#an2': 1, // an2 对应第二个标签 (索引 1)
        '#an3': 2, // an3 对应第三个标签 (索引 2)
        '#an4': 3, // an4 对应第四个标签 (索引 3)
        '#an5': 4, // an5 对应第五个标签 (索引 4)
        '#an6': 5  // an6 对应第六个标签 (索引 5)
    };
    
    // 遍历映射表，为每个按钮添加点击事件
    $.each(buttonTabMap, function(buttonId, tabIndex) {
        
        // 监听当前按钮的点击事件
        $(buttonId).on('click', function(e) {
            e.preventDefault(); // 阻止默认的链接跳转行为
            
            var $tabs = $(tabsContainerId);
            
            if ($tabs.length) {
                // 切换到对应的 Tabs 标签
                // .eq(tabIndex) 找到指定索引的标签标题并模拟点击
                $tabs.find('.elementor-tabs-wrapper .elementor-tab-title').eq(tabIndex).click();
                
                // 滚动到 Tabs 区域 (可选，增强用户体验)
                $('html, body').animate({
                    scrollTop: $tabs.offset().top - 80 // 减去 80px 以留出顶部空间/导航栏
                }, 500);
            }
        });
    });

});/* End custom CSS */