.elementor-39729 .elementor-element.elementor-element-93d1790{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-39729 .elementor-element.elementor-element-de88685{--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:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:-66px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-39729 .elementor-element.elementor-element-7b1e7ba{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-70px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:220px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-39729 .elementor-element.elementor-element-7b1e7ba:not(.elementor-motion-effects-element-type-background), .elementor-39729 .elementor-element.elementor-element-7b1e7ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pcbcool.com/wp-content/uploads/2025/08/bg-electro.jpg");}.elementor-39729 .elementor-element.elementor-element-f7b4f59{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-39729 .elementor-element.elementor-element-700551c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-39729 .elementor-element.elementor-element-cbfc34a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-39729 .elementor-element.elementor-element-835ed3a{--display:flex;}.elementor-39729 .elementor-element.elementor-element-4aa647c .title{color:#007BC4;font-size:40px;}.elementor-39729 .elementor-element.elementor-element-0ad2956{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -53px;padding:0px 0px 0px 0px;}.elementor-39729 .elementor-element.elementor-element-8c4d014{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-39729 .elementor-element.elementor-element-889da04{--display:flex;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-39729 .elementor-element.elementor-element-608c20f{font-size:16px;color:#484848;}.elementor-39729 .elementor-element.elementor-element-97ef447{--display:flex;}.elementor-39729 .elementor-element.elementor-element-7570ebb{--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:70px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-39729 .elementor-element.elementor-element-00c55be{--display:flex;}.elementor-39729 .elementor-element.elementor-element-c30469e .title{color:#007BC4;font-size:40px;}.elementor-39729 .elementor-element.elementor-element-dcd4c1a{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 330px;padding:0px 0px 0px 0px;}.elementor-39729 .elementor-element.elementor-element-c2a4849{--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-39729 .elementor-element.elementor-element-dcd2552{--display:flex;}.elementor-39729 .elementor-element.elementor-element-f5e2b63{--display:flex;}.elementor-39729 .elementor-element.elementor-element-e9c9229{--display:flex;}.elementor-39729 .elementor-element.elementor-element-42c0a2a{--display:flex;}.elementor-39729 .elementor-element.elementor-element-4307fa6{--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-39729 .elementor-element.elementor-element-63da3d9{--display:flex;}.elementor-39729 .elementor-element.elementor-element-5816ec1{--display:flex;}.elementor-39729 .elementor-element.elementor-element-de369e6{--display:flex;}.elementor-39729 .elementor-element.elementor-element-5b0ef54{--display:flex;}.elementor-39729 .elementor-element.elementor-element-81d56ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-39729 .elementor-element.elementor-element-d0152af{--display:flex;}.elementor-39729 .elementor-element.elementor-element-dbca562{--display:flex;}.elementor-39729 .elementor-element.elementor-element-432a96b{--display:flex;}.elementor-39729 .elementor-element.elementor-element-85efb3a{--display:flex;}.elementor-39729 .elementor-element.elementor-element-5b85817.elementor-element{--align-self:center;}.elementor-39729 .elementor-element.elementor-element-3429724{--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:70px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-39729 .elementor-element.elementor-element-3429724:not(.elementor-motion-effects-element-type-background), .elementor-39729 .elementor-element.elementor-element-3429724 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pcbcool.com/wp-content/uploads/2025/08/bg-electro.jpg");}.elementor-39729 .elementor-element.elementor-element-d1ef43d{--display:flex;}.elementor-39729 .elementor-element.elementor-element-7b2a3fb .title{color:#007BC4;font-size:40px;}.elementor-39729 .elementor-element.elementor-element-516922b{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 390px;padding:0px 0px 0px 0px;}.elementor-39729 .elementor-element.elementor-element-2dac349{--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-39729 .elementor-element.elementor-element-4ffa5b0{--display:flex;}.elementor-39729 .elementor-element.elementor-element-7420efc{--display:flex;}.elementor-39729 .elementor-element.elementor-element-fa93c97{--display:flex;}.elementor-39729 .elementor-element.elementor-element-e567d44{--display:flex;}.elementor-39729 .elementor-element.elementor-element-16a303d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-39729 .elementor-element.elementor-element-e47003f{--display:flex;}.elementor-39729 .elementor-element.elementor-element-5a4b3ae{--display:flex;}.elementor-39729 .elementor-element.elementor-element-26c79da{--display:flex;}.elementor-39729 .elementor-element.elementor-element-de75892{--display:flex;}.elementor-39729 .elementor-element.elementor-element-b8496a4.elementor-element{--align-self:center;}.elementor-39729 .elementor-element.elementor-element-3beb30d{--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:70px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-39729 .elementor-element.elementor-element-964ec61{--display:flex;}.elementor-39729 .elementor-element.elementor-element-1ea225b .title{color:#007BC4;font-size:40px;}.elementor-39729 .elementor-element.elementor-element-ba3c3ce{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 385px;padding:0px 0px 0px 0px;}.elementor-39729 .elementor-element.elementor-element-20c35e9{--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-39729 .elementor-element.elementor-element-5346a91{--display:flex;}.elementor-39729 .elementor-element.elementor-element-23b3018{--display:flex;}.elementor-39729 .elementor-element.elementor-element-632a75f{--display:flex;}.elementor-39729 .elementor-element.elementor-element-49ca892{--display:flex;}.elementor-39729 .elementor-element.elementor-element-dadd2a8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-39729 .elementor-element.elementor-element-dcf9324{--display:flex;}.elementor-39729 .elementor-element.elementor-element-c4c5a65{--display:flex;}.elementor-39729 .elementor-element.elementor-element-35d1150{--display:flex;}.elementor-39729 .elementor-element.elementor-element-a3ff5b8{--display:flex;}.elementor-39729 .elementor-element.elementor-element-9523c72.elementor-element{--align-self:center;}.elementor-39729 .elementor-element.elementor-element-b3e5a47{--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:70px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-39729 .elementor-element.elementor-element-b3e5a47:not(.elementor-motion-effects-element-type-background), .elementor-39729 .elementor-element.elementor-element-b3e5a47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pcbcool.com/wp-content/uploads/2025/08/bg-electro.jpg");}.elementor-39729 .elementor-element.elementor-element-15baffc{--display:flex;}.elementor-39729 .elementor-element.elementor-element-662aef5 .title{color:#007BC4;font-size:40px;}.elementor-39729 .elementor-element.elementor-element-71a7857{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 390px;padding:0px 0px 0px 0px;}.elementor-39729 .elementor-element.elementor-element-ae38791{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-39729 .elementor-element.elementor-element-451918b{--display:flex;}.elementor-39729 .elementor-element.elementor-element-4218f5a{--display:flex;}.elementor-39729 .elementor-element.elementor-element-b5b50d0{--display:flex;}.elementor-39729 .elementor-element.elementor-element-d4e750d{--display:flex;}.elementor-39729 .elementor-element.elementor-element-cab9ccd.elementor-element{--align-self:center;}.elementor-39729 .elementor-element.elementor-element-9fff0e7{--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:70px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-39729 .elementor-element.elementor-element-a92ebb6{--display:flex;}.elementor-39729 .elementor-element.elementor-element-c37bd7c .title{color:#007BC4;font-size:40px;}.elementor-39729 .elementor-element.elementor-element-0d83d84{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 300px;padding:0px 0px 0px 0px;}.elementor-39729 .elementor-element.elementor-element-f773e22{--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-39729 .elementor-element.elementor-element-7dc99ba{--display:flex;}.elementor-39729 .elementor-element.elementor-element-c1bacf8{--display:flex;}.elementor-39729 .elementor-element.elementor-element-f6bb5f7{--display:flex;}.elementor-39729 .elementor-element.elementor-element-8c0384d{--display:flex;}.elementor-39729 .elementor-element.elementor-element-85994d2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-39729 .elementor-element.elementor-element-bad6c4b{--display:flex;}.elementor-39729 .elementor-element.elementor-element-0f7b179{--display:flex;}.elementor-39729 .elementor-element.elementor-element-643f042{--display:flex;}.elementor-39729 .elementor-element.elementor-element-c4df9e7{--display:flex;}.elementor-39729 .elementor-element.elementor-element-3b80fa9.elementor-element{--align-self:center;}.elementor-39729 .elementor-element.elementor-element-3096526{--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:70px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-39729 .elementor-element.elementor-element-3096526:not(.elementor-motion-effects-element-type-background), .elementor-39729 .elementor-element.elementor-element-3096526 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pcbcool.com/wp-content/uploads/2025/08/in-bgm2.webp");}.elementor-39729 .elementor-element.elementor-element-4a4412a > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-39729 .elementor-element.elementor-element-4a4412a .title-after_title, .elementor-39729 .elementor-element.elementor-element-4a4412a .title-subtitle, .elementor-39729 .elementor-element.elementor-element-4a4412a .woodmart-title-container{max-width:66%;}.elementor-39729 .elementor-element.elementor-element-4a4412a .title{font-size:40px;}.elementor-39729 .elementor-element.elementor-element-4a4412a .title-after_title{color:#484848;font-size:16px;}.elementor-39729 .elementor-element.elementor-element-f46fc21{--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;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-39729 .elementor-element.elementor-element-1cb5342{--display:flex;}.elementor-39729 .elementor-element.elementor-element-b500f2d .info-box-title{font-size:18px;}.elementor-39729 .elementor-element.elementor-element-b500f2d .info-box-inner{color:#484848;font-size:15px;}.elementor-39729 .elementor-element.elementor-element-4bb2586{--display:flex;}.elementor-39729 .elementor-element.elementor-element-b4b709b .info-box-title{font-size:18px;}.elementor-39729 .elementor-element.elementor-element-b4b709b .info-box-inner{color:#484848;font-size:15px;}.elementor-39729 .elementor-element.elementor-element-69c66a0{--display:flex;}.elementor-39729 .elementor-element.elementor-element-ad4663f .info-box-title{font-size:18px;}.elementor-39729 .elementor-element.elementor-element-ad4663f .info-box-inner{color:#484848;font-size:15px;}.elementor-39729 .elementor-element.elementor-element-806c0f7{--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:70px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-39729 .elementor-element.elementor-element-428b431{--display:flex;}.elementor-39729 .elementor-element.elementor-element-1c6b2e9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-39729 .elementor-element.elementor-element-1c6b2e9 .title{color:#007BC4;font-size:40px;}.elementor-39729 .elementor-element.elementor-element-1c6b2e9 .title-after_title{font-size:21px;}.elementor-39729 .elementor-element.elementor-element-c1d33ad{margin:-20px 200px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}.elementor-39729 .elementor-element.elementor-element-c1d33ad.elementor-element{--align-self:center;}.elementor-39729 .elementor-element.elementor-element-4653499{--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:70px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-39729 .elementor-element.elementor-element-4653499:not(.elementor-motion-effects-element-type-background), .elementor-39729 .elementor-element.elementor-element-4653499 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pcbcool.com/wp-content/uploads/2025/08/bg-electro.jpg");}.elementor-39729 .elementor-element.elementor-element-a30fe18{--display:flex;}.elementor-39729 .elementor-element.elementor-element-d5618a8{--display:flex;}.elementor-39729 .elementor-element.elementor-element-a8bd45e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-39729 .elementor-element.elementor-element-a8bd45e .title-after_title, .elementor-39729 .elementor-element.elementor-element-a8bd45e .title-subtitle, .elementor-39729 .elementor-element.elementor-element-a8bd45e .woodmart-title-container{max-width:66%;}.elementor-39729 .elementor-element.elementor-element-a8bd45e .title{color:#007BC4;font-size:40px;}.elementor-39729 .elementor-element.elementor-element-e49c92e{margin:-20px 522px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}.elementor-39729 .elementor-element.elementor-element-e49c92e.elementor-element{--align-self:center;}.elementor-39729 .elementor-element.elementor-element-c8e69ec{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-39729 .elementor-element.elementor-element-6141f14{--display:flex;}.elementor-39729 .elementor-element.elementor-element-34291a8{--display:flex;}.elementor-39729 .elementor-element.elementor-element-cb1e24a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:769px){.elementor-39729 .elementor-element.elementor-element-c8e69ec{--width:100%;}}@media(max-width:1024px){.elementor-39729 .elementor-element.elementor-element-de88685{--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-39729 .elementor-element.elementor-element-7b1e7ba{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-39729 .elementor-element.elementor-element-0ad2956{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-39729 .elementor-element.elementor-element-dcd4c1a{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-39729 .elementor-element.elementor-element-516922b{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-39729 .elementor-element.elementor-element-ba3c3ce{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-39729 .elementor-element.elementor-element-71a7857{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-39729 .elementor-element.elementor-element-0d83d84{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-39729 .elementor-element.elementor-element-4a4412a .title{font-size:36px;}.elementor-39729 .elementor-element.elementor-element-c1d33ad{margin:-20px 555px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-39729 .elementor-element.elementor-element-a8bd45e .title{font-size:40px;}.elementor-39729 .elementor-element.elementor-element-e49c92e{margin:-20px 555px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}}@media(max-width:768px){.elementor-39729 .elementor-element.elementor-element-de88685{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:55px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-39729 .elementor-element.elementor-element-7b1e7ba{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-39729 .elementor-element.elementor-element-0ad2956{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-39729 .elementor-element.elementor-element-4a4412a .title{font-size:28px;}.elementor-39729 .elementor-element.elementor-element-c1d33ad{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) -146px;}.elementor-39729 .elementor-element.elementor-element-a8bd45e .title{font-size:28px;}.elementor-39729 .elementor-element.elementor-element-e49c92e{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) -146px;}}/* Start custom CSS for html, class: .elementor-element-0ad2956 */<style>
.div-line-sec {
  display: inline-block;
  margin-left: -10px; /* 数值可调，-5 / -8 / -12 都可以试 */
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67ef903 *//* 只作用于 custom-btn-wrapper 内的 custom-btn，避免影响其他板块 */
  .custom-btn-wrapper .custom-btn {
    display: inline-flex;             /* 让按钮内容水平垂直居中 */
    align-items: center;              /* 垂直居中 */
    justify-content: center;          /* 水平居中 */
    padding: 10px 18px;               /* 按钮内边距 */
    border: 2px solid #007BC4;        /* 蓝色边框 */
    color: #000;                      /* 黑色字体 */
    text-decoration: none;            /* 去掉下划线 */
    border-radius: 8px;               /* 圆角 */
    font-weight: 600;                 /* 字体加粗 */
    letter-spacing: 0.5px;            /* 字母间距 */
    transition: border-color 0.25s ease, transform 0.3s ease; /* 过渡效果 */
  }

  /* 鼠标悬停效果 */
  .custom-btn-wrapper .custom-btn:hover {
    border-color: #000;               /* 边框变黑 */
    transform: translateX(10px);      /* 向右移动 10px */
    color: #000;                      /* 字体保持黑色 */
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-680faa7 *//* ===== 卡片1 ===== */
.card-1 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-1 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #1a3a5c; /* 卡片1背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-1 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-1 .feature-card:hover .card-background,
.card-1 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-1 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-1 .feature-card:hover .card-overlay,
.card-1 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-1 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-1 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-1 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-1 .feature-card:hover .card-icon,
.card-1 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-1 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-1 .feature-card:hover .card-title,
.card-1 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-1 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-1 .feature-card:hover .bottom-decoration,
.card-1 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-1 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-1 .feature-card:hover .card-description,
.card-1 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-1 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-1 .feature-card:hover .card-cta,
.card-1 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-1 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-1 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-1 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-1 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b1cb8e *//* ===== 卡片2 ===== */
.card-2 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-2 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #2b2b2b; /* 卡片2背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-2 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-2 .feature-card:hover .card-background,
.card-2 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-2 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-2 .feature-card:hover .card-overlay,
.card-2 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-2 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-2 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-2 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-2 .feature-card:hover .card-icon,
.card-2 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-2 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-2 .feature-card:hover .card-title,
.card-2 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-2 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-2 .feature-card:hover .bottom-decoration,
.card-2 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-2 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-2 .feature-card:hover .card-description,
.card-2 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-2 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-2 .feature-card:hover .card-cta,
.card-2 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-2 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-2 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-2 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-2 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b53f43c *//* ===== 卡片3 ===== */
.card-3 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-3 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片3背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-3 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-3 .feature-card:hover .card-background,
.card-3 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-3 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-3 .feature-card:hover .card-overlay,
.card-3 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-3 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-3 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-3 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-3 .feature-card:hover .card-icon,
.card-3 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-3 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-3 .feature-card:hover .card-title,
.card-3 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-3 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-3 .feature-card:hover .bottom-decoration,
.card-3 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-3 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-3 .feature-card:hover .card-description,
.card-3 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-3 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-3 .feature-card:hover .card-cta,
.card-3 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-3 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-3 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-3 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-3 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2dcb523 *//* ===== 卡片4 ===== */
.card-4 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-4 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片4背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-4 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-4 .feature-card:hover .card-background,
.card-4 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-4 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-4 .feature-card:hover .card-overlay,
.card-4 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-4 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-4 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-4 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-4 .feature-card:hover .card-icon,
.card-4 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-4 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-4 .feature-card:hover .card-title,
.card-4 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-4 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-4 .feature-card:hover .bottom-decoration,
.card-4 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-4 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-4 .feature-card:hover .card-description,
.card-4 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-4 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-4 .feature-card:hover .card-cta,
.card-4 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-4 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-4 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-4 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-4 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b651156 *//* ===== 卡片5 ===== */
.card-5 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-5 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #1a3a5c;
    outline: none;
    display: block;
    text-decoration: none;
}

.card-5 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-5 .feature-card:hover .card-background,
.card-5 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-5 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-5 .feature-card:hover .card-overlay,
.card-5 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-5 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-5 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-5 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-5 .feature-card:hover .card-icon,
.card-5 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-5 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-5 .feature-card:hover .card-title,
.card-5 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-5 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-5 .feature-card:hover .bottom-decoration,
.card-5 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-5 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-5 .feature-card:hover .card-description,
.card-5 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-5 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-5 .feature-card:hover .card-cta,
.card-5 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-5 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-5 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-5 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-5 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2782831 *//* ===== 卡片6 ===== */
.card-6 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-6 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #2b2b2b;
    outline: none;
    display: block;
    text-decoration: none;
}

.card-6 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-6 .feature-card:hover .card-background,
.card-6 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-6 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-6 .feature-card:hover .card-overlay,
.card-6 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-6 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-6 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-6 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-6 .feature-card:hover .card-icon,
.card-6 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-6 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-6 .feature-card:hover .card-title,
.card-6 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-6 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-6 .feature-card:hover .bottom-decoration,
.card-6 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-6 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-6 .feature-card:hover .card-description,
.card-6 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-6 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-6 .feature-card:hover .card-cta,
.card-6 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-6 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-6 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-6 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-6 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd1bef3 *//* ===== 卡片7 ===== */
.card-7 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-7 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a;
    outline: none;
    display: block;
    text-decoration: none;
}

.card-7 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-7 .feature-card:hover .card-background,
.card-7 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-7 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-7 .feature-card:hover .card-overlay,
.card-7 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-7 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-7 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-7 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-7 .feature-card:hover .card-icon,
.card-7 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-7 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-7 .feature-card:hover .card-title,
.card-7 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-7 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-7 .feature-card:hover .bottom-decoration,
.card-7 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-7 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-7 .feature-card:hover .card-description,
.card-7 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-7 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-7 .feature-card:hover .card-cta,
.card-7 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-7 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-7 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-7 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-7 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff1e978 *//* ===== 卡片8 ===== */
.card-8 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-8 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片4背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-8 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-8 .feature-card:hover .card-background,
.card-8 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-8 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-8 .feature-card:hover .card-overlay,
.card-8 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-8 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-8 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-8 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-8 .feature-card:hover .card-icon,
.card-8 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-8 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-8 .feature-card:hover .card-title,
.card-8 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-8 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-8 .feature-card:hover .bottom-decoration,
.card-8 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-8 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-8 .feature-card:hover .card-description,
.card-8 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-8 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-8 .feature-card:hover .card-cta,
.card-8 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-8 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-8 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-8 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-8 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43997dd *//* ===== 卡片9 ===== */
.card-9 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-9 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #1a3a5c; /* 卡片9背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-9 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-9 .feature-card:hover .card-background,
.card-9 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-9 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-9 .feature-card:hover .card-overlay,
.card-9 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-9 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-9 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-9 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-9 .feature-card:hover .card-icon,
.card-9 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-9 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-9 .feature-card:hover .card-title,
.card-9 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-9 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-9 .feature-card:hover .bottom-decoration,
.card-9 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-9 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-9 .feature-card:hover .card-description,
.card-9 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-9 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-9 .feature-card:hover .card-cta,
.card-9 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-9 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-9 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-9 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-9 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-728161b *//* ===== 卡片10 ===== */
.card-10 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-10 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #2b2b2b; /* 卡片10背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-10 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-10 .feature-card:hover .card-background,
.card-10 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-10 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-10 .feature-card:hover .card-overlay,
.card-10 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-10 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-10 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-10 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-10 .feature-card:hover .card-icon,
.card-10 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-10 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-10 .feature-card:hover .card-title,
.card-10 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-10 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-10 .feature-card:hover .bottom-decoration,
.card-10 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-10 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-10 .feature-card:hover .card-description,
.card-10 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-10 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-10 .feature-card:hover .card-cta,
.card-10 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-10 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-10 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-10 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-10 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ec6515 *//* ===== 卡片11 ===== */
.card-11 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-11 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片11背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-11 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-11 .feature-card:hover .card-background,
.card-11 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-11 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-11 .feature-card:hover .card-overlay,
.card-11 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-11 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-11 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-11 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-11 .feature-card:hover .card-icon,
.card-11 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-11 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-11 .feature-card:hover .card-title,
.card-11 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-11 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-11 .feature-card:hover .bottom-decoration,
.card-11 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-11 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-11 .feature-card:hover .card-description,
.card-11 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-11 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-11 .feature-card:hover .card-cta,
.card-11 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-11 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-11 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-11 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-11 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69799af *//* ===== 卡片12 ===== */
.card-12 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-12 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片12背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-12 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-12 .feature-card:hover .card-background,
.card-12 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-12 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-12 .feature-card:hover .card-overlay,
.card-12 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-12 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-12 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-12 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-12 .feature-card:hover .card-icon,
.card-12 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-12 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-12 .feature-card:hover .card-title,
.card-12 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-12 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-12 .feature-card:hover .bottom-decoration,
.card-12 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-12 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-12 .feature-card:hover .card-description,
.card-12 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-12 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-12 .feature-card:hover .card-cta,
.card-12 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-12 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-12 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-12 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-12 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6218888 *//* ===== 卡片13 ===== */
.card-13 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-13 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #1a3a5c; /* 卡片13背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-13 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-13 .feature-card:hover .card-background,
.card-13 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-13 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-13 .feature-card:hover .card-overlay,
.card-13 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-13 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-13 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-13 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-13 .feature-card:hover .card-icon,
.card-13 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-13 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-13 .feature-card:hover .card-title,
.card-13 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-13 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-13 .feature-card:hover .bottom-decoration,
.card-13 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-13 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-13 .feature-card:hover .card-description,
.card-13 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-13 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-13 .feature-card:hover .card-cta,
.card-13 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-13 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-13 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-13 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-13 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e39f9aa *//* ===== 卡片14 ===== */
.card-14 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-14 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #2b2b2b; /* 卡片14背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-14 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-14 .feature-card:hover .card-background,
.card-14 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-14 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-14 .feature-card:hover .card-overlay,
.card-14 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-14 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-14 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-14 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-14 .feature-card:hover .card-icon,
.card-14 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-14 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-14 .feature-card:hover .card-title,
.card-14 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-14 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-14 .feature-card:hover .bottom-decoration,
.card-14 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-14 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-14 .feature-card:hover .card-description,
.card-14 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-14 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-14 .feature-card:hover .card-cta,
.card-14 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-14 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-14 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-14 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-14 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00f0da5 *//* ===== 卡片15 ===== */
.card-15 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-15 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片15背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-15 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-15 .feature-card:hover .card-background,
.card-15 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-15 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-15 .feature-card:hover .card-overlay,
.card-15 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-15 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-15 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-15 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-15 .feature-card:hover .card-icon,
.card-15 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-15 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-15 .feature-card:hover .card-title,
.card-15 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-15 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-15 .feature-card:hover .bottom-decoration,
.card-15 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-15 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-15 .feature-card:hover .card-description,
.card-15 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-15 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-15 .feature-card:hover .card-cta,
.card-15 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-15 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-15 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-15 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-15 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683f5f0 *//* ===== 卡片16 ===== */
.card-16 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-16 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片16背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-16 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-16 .feature-card:hover .card-background,
.card-16 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-16 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-16 .feature-card:hover .card-overlay,
.card-16 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-16 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-16 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-16 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-16 .feature-card:hover .card-icon,
.card-16 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-16 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-16 .feature-card:hover .card-title,
.card-16 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-16 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-16 .feature-card:hover .bottom-decoration,
.card-16 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-16 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-16 .feature-card:hover .card-description,
.card-16 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-16 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-16 .feature-card:hover .card-cta,
.card-16 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-16 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-16 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-16 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-16 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d091be0 *//* ===== 卡片17 ===== */
.card-17 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-17 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #1a3a5c; /* 卡片17背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-17 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-17 .feature-card:hover .card-background,
.card-17 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-17 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-17 .feature-card:hover .card-overlay,
.card-17 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-17 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-17 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-17 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-17 .feature-card:hover .card-icon,
.card-17 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-17 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-17 .feature-card:hover .card-title,
.card-17 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-17 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-17 .feature-card:hover .bottom-decoration,
.card-17 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-17 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-17 .feature-card:hover .card-description,
.card-17 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-17 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-17 .feature-card:hover .card-cta,
.card-17 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-17 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-17 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-17 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-17 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8385e3 *//* ===== 卡片18 ===== */
.card-18 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-18 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #2b2b2b; /* 卡片18背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-18 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-18 .feature-card:hover .card-background,
.card-18 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-18 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-18 .feature-card:hover .card-overlay,
.card-18 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-18 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-18 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-18 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-18 .feature-card:hover .card-icon,
.card-18 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-18 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-18 .feature-card:hover .card-title,
.card-18 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-18 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-18 .feature-card:hover .bottom-decoration,
.card-18 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-18 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-18 .feature-card:hover .card-description,
.card-18 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-18 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-18 .feature-card:hover .card-cta,
.card-18 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-18 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-18 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-18 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-18 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd1477e *//* ===== 卡片20 ===== */
.card-20 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-20 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片20背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-20 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-20 .feature-card:hover .card-background,
.card-20 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-20 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-20 .feature-card:hover .card-overlay,
.card-20 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-20 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-20 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-20 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-20 .feature-card:hover .card-icon,
.card-20 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-20 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-20 .feature-card:hover .card-title,
.card-20 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-20 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-20 .feature-card:hover .bottom-decoration,
.card-20 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-20 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-20 .feature-card:hover .card-description,
.card-20 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-20 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-20 .feature-card:hover .card-cta,
.card-20 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-20 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-20 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-20 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-20 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-316df3c *//* ===== 卡片21 ===== */
.card-21 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-21 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #1a3a5c; /* 卡片21背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-21 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-21 .feature-card:hover .card-background,
.card-21 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-21 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-21 .feature-card:hover .card-overlay,
.card-21 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-21 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-21 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-21 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-21 .feature-card:hover .card-icon,
.card-21 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-21 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-21 .feature-card:hover .card-title,
.card-21 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-21 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-21 .feature-card:hover .bottom-decoration,
.card-21 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-21 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-21 .feature-card:hover .card-description,
.card-21 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-21 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-21 .feature-card:hover .card-cta,
.card-21 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-21 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-21 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-21 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-21 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80f74e5 *//* ===== 卡片22 ===== */
.card-22 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-22 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #2b2b2b; /* 卡片22背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-22 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-22 .feature-card:hover .card-background,
.card-22 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-22 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-22 .feature-card:hover .card-overlay,
.card-22 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-22 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-22 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-22 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-22 .feature-card:hover .card-icon,
.card-22 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-22 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-22 .feature-card:hover .card-title,
.card-22 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-22 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-22 .feature-card:hover .bottom-decoration,
.card-22 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-22 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-22 .feature-card:hover .card-description,
.card-22 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-22 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-22 .feature-card:hover .card-cta,
.card-22 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-22 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-22 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-22 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-22 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f9915b *//* ===== 卡片23 ===== */
.card-23 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-23 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片23背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-23 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-23 .feature-card:hover .card-background,
.card-23 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-23 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-23 .feature-card:hover .card-overlay,
.card-23 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-23 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-23 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-23 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-23 .feature-card:hover .card-icon,
.card-23 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-23 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-23 .feature-card:hover .card-title,
.card-23 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-23 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-23 .feature-card:hover .bottom-decoration,
.card-23 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-23 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-23 .feature-card:hover .card-description,
.card-23 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-23 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-23 .feature-card:hover .card-cta,
.card-23 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-23 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-23 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-23 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-23 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67e1f8b *//* ===== 卡片24 ===== */
.card-24 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-24 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片24背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-24 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-24 .feature-card:hover .card-background,
.card-24 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-24 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-24 .feature-card:hover .card-overlay,
.card-24 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-24 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-24 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-24 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-24 .feature-card:hover .card-icon,
.card-24 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-24 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-24 .feature-card:hover .card-title,
.card-24 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-24 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-24 .feature-card:hover .bottom-decoration,
.card-24 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-24 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-24 .feature-card:hover .card-description,
.card-24 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-24 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-24 .feature-card:hover .card-cta,
.card-24 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-24 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-24 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-24 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-24 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83db2ab *//* ===== 卡片25 ===== */
.card-25 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-25 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #2b2b2b; /* 卡片25背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-25 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-25 .feature-card:hover .card-background,
.card-25 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-25 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-25 .feature-card:hover .card-overlay,
.card-25 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-25 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-25 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-25 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-25 .feature-card:hover .card-icon,
.card-25 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-25 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-25 .feature-card:hover .card-title,
.card-25 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-25 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-25 .feature-card:hover .bottom-decoration,
.card-25 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-25 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-25 .feature-card:hover .card-description,
.card-25 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-25 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-25 .feature-card:hover .card-cta,
.card-25 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-25 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-25 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-25 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-25 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a96def *//* ===== 卡片26 ===== */
.card-26 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-26 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片26背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-26 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-26 .feature-card:hover .card-background,
.card-26 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-26 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-26 .feature-card:hover .card-overlay,
.card-26 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-26 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-26 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-26 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-26 .feature-card:hover .card-icon,
.card-26 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-26 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-26 .feature-card:hover .card-title,
.card-26 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-26 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-26 .feature-card:hover .bottom-decoration,
.card-26 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-26 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-26 .feature-card:hover .card-description,
.card-26 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-26 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-26 .feature-card:hover .card-cta,
.card-26 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-26 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-26 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-26 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-26 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b17b9fb *//* ===== 卡片27 ===== */
.card-27 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-27 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #1a3a5c; /* 卡片27背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-27 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-27 .feature-card:hover .card-background,
.card-27 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-27 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-27 .feature-card:hover .card-overlay,
.card-27 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-27 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-27 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-27 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-27 .feature-card:hover .card-icon,
.card-27 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-27 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-27 .feature-card:hover .card-title,
.card-27 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-27 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-27 .feature-card:hover .bottom-decoration,
.card-27 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-27 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-27 .feature-card:hover .card-description,
.card-27 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-27 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-27 .feature-card:hover .card-cta,
.card-27 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-27 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-27 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-27 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-27 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7457e74 *//* ===== 卡片28 ===== */
.card-28 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-28 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #2b2b2b; /* 卡片28背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-28 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-28 .feature-card:hover .card-background,
.card-28 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-28 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-28 .feature-card:hover .card-overlay,
.card-28 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-28 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-28 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-28 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-28 .feature-card:hover .card-icon,
.card-28 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-28 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-28 .feature-card:hover .card-title,
.card-28 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-28 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-28 .feature-card:hover .bottom-decoration,
.card-28 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-28 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-28 .feature-card:hover .card-description,
.card-28 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-28 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-28 .feature-card:hover .card-cta,
.card-28 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-28 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-28 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-28 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-28 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11ff482 *//* ===== 卡片29 ===== */
.card-29 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-29 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片29背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-29 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-29 .feature-card:hover .card-background,
.card-29 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-29 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-29 .feature-card:hover .card-overlay,
.card-29 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-29 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-29 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-29 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-29 .feature-card:hover .card-icon,
.card-29 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-29 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-29 .feature-card:hover .card-title,
.card-29 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-29 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-29 .feature-card:hover .bottom-decoration,
.card-29 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-29 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-29 .feature-card:hover .card-description,
.card-29 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-29 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-29 .feature-card:hover .card-cta,
.card-29 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-29 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-29 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-29 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-29 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0304bb *//* ===== 卡片30 ===== */
.card-30 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-30 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片30背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-30 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-30 .feature-card:hover .card-background,
.card-30 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-30 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-30 .feature-card:hover .card-overlay,
.card-30 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-30 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-30 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-30 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-30 .feature-card:hover .card-icon,
.card-30 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-30 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-30 .feature-card:hover .card-title,
.card-30 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-30 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-30 .feature-card:hover .bottom-decoration,
.card-30 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-30 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-30 .feature-card:hover .card-description,
.card-30 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-30 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-30 .feature-card:hover .card-cta,
.card-30 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-30 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-30 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-30 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-30 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff6cd90 *//* ===== 卡片31 ===== */
.card-31 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-31 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #1a3a5c; /* 卡片31背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-31 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-31 .feature-card:hover .card-background,
.card-31 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-31 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-31 .feature-card:hover .card-overlay,
.card-31 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-31 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-31 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-31 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-31 .feature-card:hover .card-icon,
.card-31 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-31 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-31 .feature-card:hover .card-title,
.card-31 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-31 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-31 .feature-card:hover .bottom-decoration,
.card-31 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-31 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-31 .feature-card:hover .card-description,
.card-31 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-31 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-31 .feature-card:hover .card-cta,
.card-31 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-31 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-31 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-31 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-31 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8491637 *//* ===== 卡片32 ===== */
.card-32 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-32 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #2b2b2b; /* 卡片32背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-32 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-32 .feature-card:hover .card-background,
.card-32 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-32 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-32 .feature-card:hover .card-overlay,
.card-32 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-32 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-32 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-32 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-32 .feature-card:hover .card-icon,
.card-32 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-32 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-32 .feature-card:hover .card-title,
.card-32 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-32 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-32 .feature-card:hover .bottom-decoration,
.card-32 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-32 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-32 .feature-card:hover .card-description,
.card-32 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-32 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-32 .feature-card:hover .card-cta,
.card-32 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-32 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-32 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-32 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-32 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-312dd8f *//* ===== 卡片33 ===== */
.card-33 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-33 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片33背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-33 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-33 .feature-card:hover .card-background,
.card-33 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-33 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-33 .feature-card:hover .card-overlay,
.card-33 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-33 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-33 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-33 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-33 .feature-card:hover .card-icon,
.card-33 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-33 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-33 .feature-card:hover .card-title,
.card-33 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-33 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-33 .feature-card:hover .bottom-decoration,
.card-33 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-33 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-33 .feature-card:hover .card-description,
.card-33 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-33 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-33 .feature-card:hover .card-cta,
.card-33 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-33 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-33 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-33 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-33 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1d05fa *//* ===== 卡片34 ===== */
.card-34 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-34 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片34背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-34 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-34 .feature-card:hover .card-background,
.card-34 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-34 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-34 .feature-card:hover .card-overlay,
.card-34 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-34 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-34 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-34 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-34 .feature-card:hover .card-icon,
.card-34 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-34 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-34 .feature-card:hover .card-title,
.card-34 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-34 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-34 .feature-card:hover .bottom-decoration,
.card-34 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-34 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-34 .feature-card:hover .card-description,
.card-34 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-34 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-34 .feature-card:hover .card-cta,
.card-34 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-34 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-34 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-34 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-34 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a14aed1 *//* ===== 卡片35 ===== */
.card-35 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-35 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #1a3a5c; /* 卡片35背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-35 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-35 .feature-card:hover .card-background,
.card-35 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-35 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-35 .feature-card:hover .card-overlay,
.card-35 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-35 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-35 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-35 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-35 .feature-card:hover .card-icon,
.card-35 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-35 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-35 .feature-card:hover .card-title,
.card-35 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-35 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-35 .feature-card:hover .bottom-decoration,
.card-35 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-35 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-35 .feature-card:hover .card-description,
.card-35 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-35 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-35 .feature-card:hover .card-cta,
.card-35 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-35 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-35 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-35 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-35 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29aa988 *//* ===== 卡片36 ===== */
.card-36 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-36 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #2b2b2b; /* 卡片36背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-36 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-36 .feature-card:hover .card-background,
.card-36 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-36 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-36 .feature-card:hover .card-overlay,
.card-36 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-36 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-36 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-36 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-36 .feature-card:hover .card-icon,
.card-36 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-36 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-36 .feature-card:hover .card-title,
.card-36 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-36 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-36 .feature-card:hover .bottom-decoration,
.card-36 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-36 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-36 .feature-card:hover .card-description,
.card-36 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-36 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-36 .feature-card:hover .card-cta,
.card-36 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-36 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-36 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-36 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-36 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-752d737 *//* ===== 卡片37 ===== */
.card-37 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-37 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片37背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-37 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-37 .feature-card:hover .card-background,
.card-37 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-37 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-37 .feature-card:hover .card-overlay,
.card-37 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-37 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-37 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-37 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-37 .feature-card:hover .card-icon,
.card-37 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-37 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-37 .feature-card:hover .card-title,
.card-37 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-37 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-37 .feature-card:hover .bottom-decoration,
.card-37 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-37 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-37 .feature-card:hover .card-description,
.card-37 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-37 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-37 .feature-card:hover .card-cta,
.card-37 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-37 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-37 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-37 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-37 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bc8926 *//* ===== 卡片38 ===== */
.card-38 .card-container {
    width: 100%;
    max-width: 400px;
}

.card-38 .feature-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.2;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #3a3a3a; /* 卡片38背景色 */
    outline: none;
    display: block;
    text-decoration: none;
}

.card-38 .card-background {
    position: absolute;
    inset: 0;
    background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=800');
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
}

.card-38 .feature-card:hover .card-background,
.card-38 .feature-card:focus-within .card-background {
    transform: scale(1.1);
}

.card-38 .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 50, 90, 0.88);
    transition: background-color 0.4s ease-in-out;
}

.card-38 .feature-card:hover .card-overlay,
.card-38 .feature-card:focus-within .card-overlay {
    background: rgba(30, 90, 70, 0.9);
}

.card-38 .card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card-38 .card-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.card-38 .card-icon svg {
    width: 100%;
    height: 100%;
    stroke: #4ade80;
    stroke-width: 1.5;
    fill: none;
}

.card-38 .feature-card:hover .card-icon,
.card-38 .feature-card:focus-within .card-icon {
    opacity: 0;
    transform: scale(0.8);
}

.card-38 .card-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    transition: transform 0.4s ease;
}

.card-38 .feature-card:hover .card-title,
.card-38 .feature-card:focus-within .card-title {
    transform: translateY(-220px);
}

.card-38 .bottom-decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #7BB558;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.card-38 .feature-card:hover .bottom-decoration,
.card-38 .feature-card:focus-within .bottom-decoration {
    opacity: 0;
}

.card-38 .card-description {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    transform: translateY(20px);
    opacity: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.card-38 .feature-card:hover .card-description,
.card-38 .feature-card:focus-within .card-description {
    opacity: 1;
    transform: translateY(0);
}

.card-38 .card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(74, 222, 128, 0.25);
    border-top: 2px solid #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.card-38 .feature-card:hover .card-cta,
.card-38 .feature-card:focus-within .card-cta {
    transform: translateY(0);
}

.card-38 .cta-text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-38 .cta-arrow {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.card-38 .feature-card:hover .cta-arrow {
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .card-38 .card-title {
        font-size: 24px;
    }
}/* End custom CSS */