.elementor-27509 .elementor-element.elementor-element-b989306{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-458fe04{width:100%;max-width:100%;top:0px;z-index:-1;text-align:start;}body:not(.rtl) .elementor-27509 .elementor-element.elementor-element-458fe04{left:0px;}body.rtl .elementor-27509 .elementor-element.elementor-element-458fe04{right:0px;}.elementor-27509 .elementor-element.elementor-element-bd0a951{width:100%;max-width:100%;top:0px;z-index:-1;text-align:start;}.elementor-27509 .elementor-element.elementor-element-bd0a951 > .elementor-widget-container{--e-transform-flipX:-1;}body:not(.rtl) .elementor-27509 .elementor-element.elementor-element-bd0a951{right:0px;}body.rtl .elementor-27509 .elementor-element.elementor-element-bd0a951{left:0px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-27509 .elementor-element.elementor-element-cd9b5db .elementor-image-box-wrapper{text-align:center;}.elementor-27509 .elementor-element.elementor-element-cd9b5db .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:158px;font-weight:800;text-transform:uppercase;}.elementor-27509 .elementor-element.elementor-element-cd9b5db .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;line-height:30px;color:var( --e-global-color-primary );}.elementor-27509 .elementor-element.elementor-element-dab32a7{width:var( --container-widget-width, 1350px );max-width:1350px;--container-widget-width:1350px;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-dab32a7 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-wrapper{text-align:center;}.elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:48px;font-weight:800;text-transform:uppercase;}.elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;line-height:30px;color:var( --e-global-color-primary );}.elementor-27509 .elementor-element.elementor-element-eda0c7c{--e-image-carousel-slides-to-show:3;}.elementor-27509 .elementor-element.elementor-element-eda0c7c > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-wrapper{display:flex;align-items:center;}.elementor-27509 .elementor-element.elementor-element-eda0c7c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:8px 8px 8px 8px;}.elementor-27509 .elementor-element.elementor-element-fb02ea5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;--border-radius:64px 64px 64px 64px;--padding-top:2%;--padding-bottom:5%;--padding-left:2%;--padding-right:2%;}.elementor-27509 .elementor-element.elementor-element-fb02ea5:not(.elementor-motion-effects-element-type-background), .elementor-27509 .elementor-element.elementor-element-fb02ea5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 57%, #FFF0CA80 100%);}.elementor-27509 .elementor-element.elementor-element-1eecdc6{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-1eecdc6 .elementor-image-box-wrapper{text-align:center;}.elementor-27509 .elementor-element.elementor-element-1eecdc6 .elementor-image-box-title{margin-bottom:25px;font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:18px;letter-spacing:1px;}.elementor-27509 .elementor-element.elementor-element-1eecdc6 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;text-transform:capitalize;line-height:35px;}.elementor-27509 .elementor-element.elementor-element-4eb7306{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;--z-index:99;}.elementor-27509 .elementor-element.elementor-element-98fd6e7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 37px 25px 0px rgba(249, 170.0000000000001, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-658004a{--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;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:-75px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-27509 .elementor-element.elementor-element-895634c{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-895634c > .elementor-widget-container{--e-transform-rotateZ:-15deg;margin:15px -70px 0px 10px;}.elementor-27509 .elementor-element.elementor-element-895634c img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-72607b1{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;z-index:6;}.elementor-27509 .elementor-element.elementor-element-72607b1 > .elementor-widget-container{margin:0px -10px -25px -10px;}.elementor-27509 .elementor-element.elementor-element-72607b1 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-83f2233{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-83f2233 > .elementor-widget-container{--e-transform-rotateZ:12deg;margin:3px 0px -26px -70px;}.elementor-27509 .elementor-element.elementor-element-83f2233 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-82b4265{--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;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#FED264;--border-color:#FED264;--border-radius:0px 0px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:6;}.elementor-27509 .elementor-element.elementor-element-82b4265:not(.elementor-motion-effects-element-type-background), .elementor-27509 .elementor-element.elementor-element-82b4265 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-27509 .elementor-element.elementor-element-82b4265::before, .elementor-27509 .elementor-element.elementor-element-82b4265 > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-82b4265 > .e-con-inner > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-82b4265 > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-82b4265 > .e-con-inner > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-82b4265 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFDD86A6 0%, #FFC637A6 100%);}.elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-5aad070.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-27509 .elementor-element.elementor-element-5aad070.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-27509 .elementor-element.elementor-element-5aad070.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:28px;font-weight:600;color:#592B02;}.elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-wrapper .elementor-image-box-img{width:34px;}.elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-27509 .elementor-element.elementor-element-5aad070:has(:hover) .elementor-image-box-title, .elementor-27509 .elementor-element.elementor-element-5aad070:has(:focus) .elementor-image-box-title{color:#592B02;}.elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#B18A4B;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-27509 .elementor-element.elementor-element-a23dfdb{font-family:"Inter", Sans-serif;font-size:1vw;font-weight:400;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-a23dfdb p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-9075d71{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;--z-index:99;}.elementor-27509 .elementor-element.elementor-element-8b58c31{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 37px 25px 0px rgba(249, 170.0000000000001, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-9835856{--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;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:-75px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-27509 .elementor-element.elementor-element-9e511f6{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-9e511f6 > .elementor-widget-container{--e-transform-rotateZ:-15deg;margin:15px -70px 0px 10px;}.elementor-27509 .elementor-element.elementor-element-9e511f6 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-3d9cb13{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;z-index:6;}.elementor-27509 .elementor-element.elementor-element-3d9cb13 > .elementor-widget-container{margin:0px -10px -25px -10px;}.elementor-27509 .elementor-element.elementor-element-3d9cb13 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-4ee9a31{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-4ee9a31 > .elementor-widget-container{--e-transform-rotateZ:12deg;margin:3px 0px -26px -70px;}.elementor-27509 .elementor-element.elementor-element-4ee9a31 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-ba4541d{--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;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#FED264;--border-color:#FED264;--border-radius:0px 0px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:6;}.elementor-27509 .elementor-element.elementor-element-ba4541d:not(.elementor-motion-effects-element-type-background), .elementor-27509 .elementor-element.elementor-element-ba4541d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-27509 .elementor-element.elementor-element-ba4541d::before, .elementor-27509 .elementor-element.elementor-element-ba4541d > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-ba4541d > .e-con-inner > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-ba4541d > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-ba4541d > .e-con-inner > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-ba4541d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFDD86A6 0%, #FFC637A6 100%);}.elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:28px;font-weight:600;color:#592B02;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-wrapper .elementor-image-box-img{width:34px;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f:has(:hover) .elementor-image-box-title, .elementor-27509 .elementor-element.elementor-element-e3eaf2f:has(:focus) .elementor-image-box-title{color:#592B02;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-f0c11fa{font-family:"Inter", Sans-serif;font-size:1vw;font-weight:400;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-f0c11fa p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-eebb26c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-27509 .elementor-element.elementor-element-bef67e8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 37px 25px 0px rgba(249, 170.0000000000001, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-6e1d885{--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;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:-50px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-27509 .elementor-element.elementor-element-87310b8{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:4;}.elementor-27509 .elementor-element.elementor-element-87310b8 > .elementor-widget-container{--e-transform-rotateZ:-10deg;margin:0px -50px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-87310b8 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-eaed68c{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:4;}.elementor-27509 .elementor-element.elementor-element-eaed68c > .elementor-widget-container{--e-transform-rotateZ:2deg;margin:0px 10px 0px -60px;}.elementor-27509 .elementor-element.elementor-element-eaed68c img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-a998f52{--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;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#FED264;--border-color:#FED264;--border-radius:0px 0px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:6;}.elementor-27509 .elementor-element.elementor-element-a998f52:not(.elementor-motion-effects-element-type-background), .elementor-27509 .elementor-element.elementor-element-a998f52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-27509 .elementor-element.elementor-element-a998f52::before, .elementor-27509 .elementor-element.elementor-element-a998f52 > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-a998f52 > .e-con-inner > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-a998f52 > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-a998f52 > .e-con-inner > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-a998f52 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFDD86A6 0%, #FFC637A6 100%);}.elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-2525564.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-27509 .elementor-element.elementor-element-2525564.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-27509 .elementor-element.elementor-element-2525564.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:28px;font-weight:600;color:#592B02;}.elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-wrapper .elementor-image-box-img{width:34px;}.elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-27509 .elementor-element.elementor-element-2525564:has(:hover) .elementor-image-box-title, .elementor-27509 .elementor-element.elementor-element-2525564:has(:focus) .elementor-image-box-title{color:#592B02;}.elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-f2467db{font-family:"Inter", Sans-serif;font-size:1vw;font-weight:400;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-f2467db p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-af1cf9d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-27509 .elementor-element.elementor-element-5c59888{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 37px 25px 0px rgba(249, 170.0000000000001, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-f7b37d1{--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;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:-50px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-27509 .elementor-element.elementor-element-45ed9f0{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-45ed9f0 > .elementor-widget-container{--e-transform-rotateZ:-10deg;margin:0px -50px 20px 0px;}.elementor-27509 .elementor-element.elementor-element-45ed9f0 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-d57292e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-d57292e > .elementor-widget-container{--e-transform-rotateZ:2deg;margin:0px 10px 0px -60px;}.elementor-27509 .elementor-element.elementor-element-d57292e img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-f724c2b{--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;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#FED264;--border-color:#FED264;--border-radius:0px 0px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:6;}.elementor-27509 .elementor-element.elementor-element-f724c2b:not(.elementor-motion-effects-element-type-background), .elementor-27509 .elementor-element.elementor-element-f724c2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-27509 .elementor-element.elementor-element-f724c2b::before, .elementor-27509 .elementor-element.elementor-element-f724c2b > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-f724c2b > .e-con-inner > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-f724c2b > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-f724c2b > .e-con-inner > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-f724c2b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFDD86A6 0%, #FFC637A6 100%);}.elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-9ae462d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-27509 .elementor-element.elementor-element-9ae462d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-27509 .elementor-element.elementor-element-9ae462d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:28px;font-weight:600;color:#592B02;}.elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-wrapper .elementor-image-box-img{width:34px;}.elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-27509 .elementor-element.elementor-element-9ae462d:has(:hover) .elementor-image-box-title, .elementor-27509 .elementor-element.elementor-element-9ae462d:has(:focus) .elementor-image-box-title{color:#592B02;}.elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-003a063{font-family:"Inter", Sans-serif;font-size:1vw;font-weight:400;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-003a063 p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-5c558c5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;--z-index:99;}.elementor-27509 .elementor-element.elementor-element-68f4895{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 37px 25px 0px rgba(249, 170.0000000000001, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-263ce79{--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;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:-75px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-27509 .elementor-element.elementor-element-5ef01b0{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-5ef01b0 > .elementor-widget-container{--e-transform-rotateZ:-15deg;margin:15px -100px 0px 10px;}.elementor-27509 .elementor-element.elementor-element-5ef01b0 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-ebef062{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;z-index:6;}.elementor-27509 .elementor-element.elementor-element-ebef062 > .elementor-widget-container{margin:0px -10px -50px -10px;}.elementor-27509 .elementor-element.elementor-element-ebef062 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-107c09d{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;z-index:4;}.elementor-27509 .elementor-element.elementor-element-107c09d > .elementor-widget-container{--e-transform-rotateZ:12deg;margin:0px 10px -26px -100px;}.elementor-27509 .elementor-element.elementor-element-107c09d img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-30d6d0e{--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;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#FED264;--border-color:#FED264;--border-radius:0px 0px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:6;}.elementor-27509 .elementor-element.elementor-element-30d6d0e:not(.elementor-motion-effects-element-type-background), .elementor-27509 .elementor-element.elementor-element-30d6d0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-27509 .elementor-element.elementor-element-30d6d0e::before, .elementor-27509 .elementor-element.elementor-element-30d6d0e > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-30d6d0e > .e-con-inner > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-30d6d0e > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-30d6d0e > .e-con-inner > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-30d6d0e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFDD86A6 0%, #FFC637A6 100%);}.elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-b71be6d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-27509 .elementor-element.elementor-element-b71be6d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-27509 .elementor-element.elementor-element-b71be6d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:28px;font-weight:600;color:#592B02;}.elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-wrapper .elementor-image-box-img{width:34px;}.elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-27509 .elementor-element.elementor-element-b71be6d:has(:hover) .elementor-image-box-title, .elementor-27509 .elementor-element.elementor-element-b71be6d:has(:focus) .elementor-image-box-title{color:#592B02;}.elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-95adc61{font-family:"Inter", Sans-serif;font-size:1vw;font-weight:400;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-95adc61 p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-f49edf2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-27509 .elementor-element.elementor-element-ada0477{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 37px 25px 0px rgba(249, 170.0000000000001, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-5e9d60e{--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;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:-50px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-27509 .elementor-element.elementor-element-77d89f3{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-77d89f3 > .elementor-widget-container{--e-transform-rotateZ:-10deg;margin:0px -50px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-77d89f3 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-cab4706{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-cab4706 > .elementor-widget-container{--e-transform-rotateZ:2deg;margin:0px 10px 0px -60px;}.elementor-27509 .elementor-element.elementor-element-cab4706 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-cb93ceb{--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;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#FED264;--border-color:#FED264;--border-radius:0px 0px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:6;}.elementor-27509 .elementor-element.elementor-element-cb93ceb:not(.elementor-motion-effects-element-type-background), .elementor-27509 .elementor-element.elementor-element-cb93ceb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-27509 .elementor-element.elementor-element-cb93ceb::before, .elementor-27509 .elementor-element.elementor-element-cb93ceb > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-cb93ceb > .e-con-inner > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-cb93ceb > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-cb93ceb > .e-con-inner > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-cb93ceb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFDD86A6 0%, #FFC637A6 100%);}.elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:28px;font-weight:600;color:#592B02;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-wrapper .elementor-image-box-img{width:34px;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0:has(:hover) .elementor-image-box-title, .elementor-27509 .elementor-element.elementor-element-d0bb1c0:has(:focus) .elementor-image-box-title{color:#592B02;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-ec79f7a{font-family:"Inter", Sans-serif;font-size:1vw;font-weight:400;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-ec79f7a p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-4909ebd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-27509 .elementor-element.elementor-element-9746708{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 37px 25px 0px rgba(249, 170.0000000000001, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-3216893{--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;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:-50px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-27509 .elementor-element.elementor-element-d470e8d{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-d470e8d > .elementor-widget-container{--e-transform-rotateZ:-10deg;margin:0px -50px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-d470e8d img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-1dd784c{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-1dd784c > .elementor-widget-container{--e-transform-rotateZ:2deg;margin:0px 10px 0px -60px;}.elementor-27509 .elementor-element.elementor-element-1dd784c img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 4px 4px 0px rgba(211, 143.99999999999994, 0, 0.25098039215686274);}.elementor-27509 .elementor-element.elementor-element-a1afb4b{--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;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:#FED264;--border-color:#FED264;--border-radius:0px 0px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:6;}.elementor-27509 .elementor-element.elementor-element-a1afb4b:not(.elementor-motion-effects-element-type-background), .elementor-27509 .elementor-element.elementor-element-a1afb4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-27509 .elementor-element.elementor-element-a1afb4b::before, .elementor-27509 .elementor-element.elementor-element-a1afb4b > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-a1afb4b > .e-con-inner > .elementor-background-video-container::before, .elementor-27509 .elementor-element.elementor-element-a1afb4b > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-a1afb4b > .e-con-inner > .elementor-background-slideshow::before, .elementor-27509 .elementor-element.elementor-element-a1afb4b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFDD86A6 0%, #FFC637A6 100%);}.elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-d6993ca.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-27509 .elementor-element.elementor-element-d6993ca.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-27509 .elementor-element.elementor-element-d6993ca.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:28px;font-weight:600;color:#592B02;}.elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-wrapper .elementor-image-box-img{width:45px;}.elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-img img{transition-duration:0.3s;}.elementor-27509 .elementor-element.elementor-element-d6993ca:has(:hover) .elementor-image-box-title, .elementor-27509 .elementor-element.elementor-element-d6993ca:has(:focus) .elementor-image-box-title{color:#592B02;}.elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-979b6dd{font-family:"Inter", Sans-serif;font-size:1vw;font-weight:400;color:#B18A4B;}.elementor-27509 .elementor-element.elementor-element-979b6dd p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-39c9dc5{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:5px;--e-n-carousel-dots-normal-color:var( --e-global-color-text );--e-n-carousel-dots-hover-color:var( --e-global-color-primary );}.elementor-27509 .elementor-element.elementor-element-39c9dc5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-39c9dc5 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:8px;--swiper-pagination-bullet-vertical-gap:8px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-27509 .elementor-element.elementor-element-9329feb .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:dashed;border-width:1px 1px 1px 1px;border-color:#FFFFFFBF;border-radius:45px 45px 45px 45px;padding:10px 60px 10px 60px;}.elementor-27509 .elementor-element.elementor-element-9329feb .elementor-button:hover, .elementor-27509 .elementor-element.elementor-element-9329feb .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-27509 .elementor-element.elementor-element-9329feb > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:5px 5px 5px 5px;border-radius:47px 47px 47px 47px;}.elementor-27509 .elementor-element.elementor-element-9329feb.elementor-element{--align-self:center;}.elementor-27509 .elementor-element.elementor-element-9329feb .elementor-button:hover svg, .elementor-27509 .elementor-element.elementor-element-9329feb .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-27509 .elementor-element.elementor-element-4437efd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;--padding-top:10%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-27509 .elementor-element.elementor-element-4437efd:not(.elementor-motion-effects-element-type-background), .elementor-27509 .elementor-element.elementor-element-4437efd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-27509 .elementor-element.elementor-element-703f01c{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-703f01c .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-703f01c .elementor-image-box-title{margin-bottom:25px;font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:18px;letter-spacing:1px;}.elementor-27509 .elementor-element.elementor-element-703f01c .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;text-transform:capitalize;line-height:58px;}.elementor-27509 .elementor-element.elementor-element-ee408db{width:100%;max-width:100%;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#AFAFAF;}.elementor-27509 .elementor-element.elementor-element-ee408db > .elementor-widget-container{padding:20px 0px 50px 0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-27509 .elementor-element.elementor-element-81c7581{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-81c7581 > .elementor-widget-container{padding:30px 25px 30px 0px;border-style:solid;border-width:1px 0px 1px 0px;border-color:#D5D5D5;}.elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:25px;}.elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-title{margin-block-end:10px;color:#333333;}.elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon{font-size:60px;}.elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;}.elementor-27509 .elementor-element.elementor-element-81c7581:has(:hover) .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-81c7581:has(:focus) .elementor-icon-box-title{color:#333333;}.elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#AFAFAF;}.elementor-27509 .elementor-element.elementor-element-399ffaf{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-399ffaf > .elementor-widget-container{padding:30px 0px 30px 25px;border-style:solid;border-width:1px 0px 1px 0px;border-color:#D5D5D5;}.elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:25px;}.elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-title{margin-block-end:10px;color:#333333;}.elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon{font-size:60px;}.elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;}.elementor-27509 .elementor-element.elementor-element-399ffaf:has(:hover) .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-399ffaf:has(:focus) .elementor-icon-box-title{color:#333333;}.elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#AFAFAF;}.elementor-27509 .elementor-element.elementor-element-a85a1dd{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-a85a1dd > .elementor-widget-container{padding:30px 25px 30px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#D5D5D5;}.elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:25px;}.elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-title{margin-block-end:10px;color:#333333;}.elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon{font-size:60px;}.elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;}.elementor-27509 .elementor-element.elementor-element-a85a1dd:has(:hover) .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-a85a1dd:has(:focus) .elementor-icon-box-title{color:#333333;}.elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#AFAFAF;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 > .elementor-widget-container{padding:30px 0px 30px 25px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#D5D5D5;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:25px;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-title{margin-block-end:10px;color:#333333;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon{font-size:60px;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4:has(:hover) .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-e4bb4f4:has(:focus) .elementor-icon-box-title{color:#333333;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#AFAFAF;}.elementor-27509 .elementor-element.elementor-element-a1ce3a7{--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:space-between;--align-items:flex-start;--gap:60px 0px;--row-gap:60px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;--padding-top:10%;--padding-bottom:1%;--padding-left:2%;--padding-right:2%;}.elementor-27509 .elementor-element.elementor-element-a1ce3a7:not(.elementor-motion-effects-element-type-background), .elementor-27509 .elementor-element.elementor-element-a1ce3a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-27509 .elementor-element.elementor-element-676b1fd{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-676b1fd > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-title{margin-bottom:0px;font-family:"Inter", Sans-serif;font-size:48px;font-weight:800;text-transform:capitalize;}.elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:30px;color:var( --e-global-color-primary );}.elementor-27509 .elementor-element.elementor-element-6525589{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-2ab3b6b{width:var( --container-widget-width, 190px );max-width:190px;--container-widget-width:190px;--container-widget-flex-grow:0;top:0px;z-index:1;text-align:end;}.elementor-27509 .elementor-element.elementor-element-2ab3b6b > .elementor-widget-container{--e-transform-rotateZ:10deg;}.elementor-27509 .elementor-element.elementor-element-2ab3b6b.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-27509 .elementor-element.elementor-element-2ab3b6b{right:0px;}body.rtl .elementor-27509 .elementor-element.elementor-element-2ab3b6b{left:0px;}.elementor-27509 .elementor-element.elementor-element-1e9f6af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;box-shadow:0px 2px 10px 0px rgba(249.99999999999991, 185.00000000000006, 21.00000000000004, 0.4);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-54f8b4f{z-index:4;}.elementor-27509 .elementor-element.elementor-element-54f8b4f .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-54f8b4f .elementor-image-box-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:28px;}.elementor-27509 .elementor-element.elementor-element-54f8b4f .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:28px;}.elementor-27509 .elementor-element.elementor-element-ab3c36c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-daf97b3{width:var( --container-widget-width, 190px );max-width:190px;--container-widget-width:190px;--container-widget-flex-grow:0;top:0px;z-index:1;text-align:end;}.elementor-27509 .elementor-element.elementor-element-daf97b3 > .elementor-widget-container{--e-transform-rotateZ:-20deg;}.elementor-27509 .elementor-element.elementor-element-daf97b3.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-27509 .elementor-element.elementor-element-daf97b3{right:0px;}body.rtl .elementor-27509 .elementor-element.elementor-element-daf97b3{left:0px;}.elementor-27509 .elementor-element.elementor-element-8c14af3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;box-shadow:0px 2px 10px 0px rgba(249.99999999999991, 185.00000000000006, 21.00000000000004, 0.4);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-fbc6339{z-index:4;}.elementor-27509 .elementor-element.elementor-element-fbc6339 .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-fbc6339 .elementor-image-box-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:28px;}.elementor-27509 .elementor-element.elementor-element-fbc6339 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:28px;}.elementor-27509 .elementor-element.elementor-element-e76bf40{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-a573396{width:var( --container-widget-width, 190px );max-width:190px;--container-widget-width:190px;--container-widget-flex-grow:0;top:0px;z-index:1;text-align:end;}.elementor-27509 .elementor-element.elementor-element-a573396 > .elementor-widget-container{--e-transform-rotateZ:-20deg;}.elementor-27509 .elementor-element.elementor-element-a573396.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-27509 .elementor-element.elementor-element-a573396{right:0px;}body.rtl .elementor-27509 .elementor-element.elementor-element-a573396{left:0px;}.elementor-27509 .elementor-element.elementor-element-c5acaec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;box-shadow:0px 2px 10px 0px rgba(249.99999999999991, 185.00000000000006, 21.00000000000004, 0.4);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-f7c3afe{z-index:4;}.elementor-27509 .elementor-element.elementor-element-f7c3afe .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-f7c3afe .elementor-image-box-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:28px;}.elementor-27509 .elementor-element.elementor-element-f7c3afe .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:28px;}.elementor-27509 .elementor-element.elementor-element-12fae74{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-2a468a0{width:var( --container-widget-width, 190px );max-width:190px;--container-widget-width:190px;--container-widget-flex-grow:0;top:0px;z-index:1;text-align:end;}.elementor-27509 .elementor-element.elementor-element-2a468a0 > .elementor-widget-container{--e-transform-rotateZ:-20deg;}.elementor-27509 .elementor-element.elementor-element-2a468a0.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-27509 .elementor-element.elementor-element-2a468a0{right:0px;}body.rtl .elementor-27509 .elementor-element.elementor-element-2a468a0{left:0px;}.elementor-27509 .elementor-element.elementor-element-38fab08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;box-shadow:0px 2px 10px 0px rgba(249.99999999999991, 185.00000000000006, 21.00000000000004, 0.4);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-0f1e8e5{z-index:4;}.elementor-27509 .elementor-element.elementor-element-0f1e8e5 .elementor-image-box-wrapper{text-align:start;}.elementor-27509 .elementor-element.elementor-element-0f1e8e5 .elementor-image-box-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:28px;}.elementor-27509 .elementor-element.elementor-element-0f1e8e5 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:28px;}.elementor-27509 .elementor-element.elementor-element-c24c191{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--flex-wrap:wrap;--overflow:hidden;--padding-top:10%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-27509 .elementor-element.elementor-element-c24c191:not(.elementor-motion-effects-element-type-background), .elementor-27509 .elementor-element.elementor-element-c24c191 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27509 .elementor-element.elementor-element-0104144.elementor-element{--align-self:center;}.elementor-27509 .elementor-element.elementor-element-0104144{text-align:center;}.elementor-27509 .elementor-element.elementor-element-0104144 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;text-transform:none;line-height:60px;}.elementor-widget-ucaddon_content_accordion .ue_ca_additional_content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue_heading_title,.elementor-widget-ucaddon_content_accordion .uc-heading{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue-item-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue-item-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .uc_more_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-b31c138{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-b31c138.elementor-element{--align-self:center;}.elementor-27509 .elementor-element.elementor-element-b31c138 .uc-heading{flex-direction:row-reverse;background-color:#FAB9151A;border-radius:60px;padding:0px 10px 0px 0px;margin:0px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .uc_ac_box{border-radius:30px 30px 30px 30px;margin:0px 0px 15px 0px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .uc_ac_box.uc-item-active{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FAB9151F;box-shadow:0px 4px 5.7px 0px rgba(249, 170.0000000000001, 0, 0.1);}.elementor-27509 .elementor-element.elementor-element-b31c138 span.uc_dactive{background-color:#FFFFFF;color:var( --e-global-color-text );}.elementor-27509 .elementor-element.elementor-element-b31c138 span.uc_active{background-color:#FAB9151A;color:var( --e-global-color-text );}.elementor-27509 .elementor-element.elementor-element-b31c138 span.ue_accordion_icon{width:60px;height:60px;border-radius:30px;font-size:24px;}.elementor-27509 .elementor-element.elementor-element-b31c138 span.uc_dactive svg{fill:var( --e-global-color-text );}.elementor-27509 .elementor-element.elementor-element-b31c138 span.uc_active svg{fill:var( --e-global-color-text );}.elementor-27509 .elementor-element.elementor-element-b31c138 .uc-item-active .uc-heading{background-color:#3E3E3E00;}.elementor-27509 .elementor-element.elementor-element-b31c138 .ue_heading_title{padding:25px 30px 25px 30px;color:#592B02;}.elementor-27509 .elementor-element.elementor-element-b31c138 .uc-item-active .ue_heading_title{color:#592B02;}.elementor-27509 .elementor-element.elementor-element-b31c138 .ue_heading_title,.elementor-27509 .elementor-element.elementor-element-b31c138 .uc-heading{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;}.elementor-27509 .elementor-element.elementor-element-b31c138 .uc_content{text-align:left;padding:0px 300px 50px 30px;margin:-10px 0px 0px 0px;border-radius:0px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .ue-item-title{color:#000000;margin-top:0px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .ue-item-text{color:#9B7D5F;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:30px;margin-top:10px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .uc_more_btn{padding:10px 20px 10px 20px;border-radius:0px;background-color:#000000;color:#ffffff;margin-top:20px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .uc_more_btn:hover{background-color:#000000;color:#ffffff;}.elementor-27509 .elementor-element.elementor-element-aefb847{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:250px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-6918cdb > .elementor-widget-container{background-color:transparent;padding:50px 0px 50px 0px;background-image:linear-gradient(90deg, #FFF6E1 0%, #FFF0CA 100%);}.elementor-27509 .elementor-element.elementor-element-8173b2f > .elementor-widget-container{background-color:transparent;padding:50px 0px 50px 0px;background-image:linear-gradient(90deg, #FFF6E1 0%, #FFF0CA 100%);}.elementor-27509 .elementor-element.elementor-element-408f12f{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;bottom:0px;}.elementor-27509 .elementor-element.elementor-element-c4d55ec{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:5;}.elementor-27509 .elementor-element.elementor-element-c4d55ec > .elementor-widget-container{--e-transform-rotateZ:-10deg;margin:50px -50px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-c4d55ec img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;}.elementor-27509 .elementor-element.elementor-element-06bf889{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:4;}.elementor-27509 .elementor-element.elementor-element-06bf889 > .elementor-widget-container{--e-transform-rotateZ:2deg;margin:0px 10px 0px -60px;}.elementor-27509 .elementor-element.elementor-element-06bf889 img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;}.elementor-27509 .elementor-element.elementor-element-a44b5c7{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;bottom:15px;z-index:5;}.elementor-27509 .elementor-element.elementor-element-a44b5c7 > .elementor-widget-container{background-image:url("https://www.jndesign.com.my/wp-content/uploads/2026/07/Design-CTA-Img-3.png");background-position:bottom left;background-repeat:no-repeat;background-size:97% auto;}@media(min-width:768px){.elementor-27509 .elementor-element.elementor-element-fb02ea5{--content-width:1400px;}.elementor-27509 .elementor-element.elementor-element-4eb7306{--width:100%;}.elementor-27509 .elementor-element.elementor-element-98fd6e7{--width:95%;}.elementor-27509 .elementor-element.elementor-element-9075d71{--width:100%;}.elementor-27509 .elementor-element.elementor-element-8b58c31{--width:95%;}.elementor-27509 .elementor-element.elementor-element-eebb26c{--width:100%;}.elementor-27509 .elementor-element.elementor-element-bef67e8{--width:95%;}.elementor-27509 .elementor-element.elementor-element-af1cf9d{--width:100%;}.elementor-27509 .elementor-element.elementor-element-5c59888{--width:95%;}.elementor-27509 .elementor-element.elementor-element-5c558c5{--width:100%;}.elementor-27509 .elementor-element.elementor-element-68f4895{--width:95%;}.elementor-27509 .elementor-element.elementor-element-f49edf2{--width:100%;}.elementor-27509 .elementor-element.elementor-element-ada0477{--width:95%;}.elementor-27509 .elementor-element.elementor-element-4909ebd{--width:100%;}.elementor-27509 .elementor-element.elementor-element-9746708{--width:90%;}.elementor-27509 .elementor-element.elementor-element-4437efd{--content-width:1400px;}.elementor-27509 .elementor-element.elementor-element-a1ce3a7{--content-width:1400px;}.elementor-27509 .elementor-element.elementor-element-6525589{--width:23%;}.elementor-27509 .elementor-element.elementor-element-1e9f6af{--width:100%;}.elementor-27509 .elementor-element.elementor-element-ab3c36c{--width:23%;}.elementor-27509 .elementor-element.elementor-element-8c14af3{--width:100%;}.elementor-27509 .elementor-element.elementor-element-e76bf40{--width:23%;}.elementor-27509 .elementor-element.elementor-element-c5acaec{--width:100%;}.elementor-27509 .elementor-element.elementor-element-12fae74{--width:23%;}.elementor-27509 .elementor-element.elementor-element-38fab08{--width:100%;}.elementor-27509 .elementor-element.elementor-element-c24c191{--content-width:1400px;}.elementor-27509 .elementor-element.elementor-element-408f12f{--width:800px;}}@media(max-width:1366px) and (min-width:768px){.elementor-27509 .elementor-element.elementor-element-6525589{--width:23%;}.elementor-27509 .elementor-element.elementor-element-ab3c36c{--width:23%;}.elementor-27509 .elementor-element.elementor-element-e76bf40{--width:23%;}.elementor-27509 .elementor-element.elementor-element-12fae74{--width:23%;}.elementor-27509 .elementor-element.elementor-element-408f12f{--width:700px;}}@media(max-width:1366px){.elementor-27509 .elementor-element.elementor-element-b989306{--padding-top:100px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-cd9b5db{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-cd9b5db .elementor-image-box-title{font-size:11vw;}.elementor-27509 .elementor-element.elementor-element-dab32a7{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-dab32a7 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-title{font-size:35px;}.elementor-27509 .elementor-element.elementor-element-eda0c7c{--e-image-carousel-slides-to-show:3;}.elementor-27509 .elementor-element.elementor-element-eda0c7c > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-1eecdc6 .elementor-image-box-title{margin-bottom:18px;font-size:15px;}.elementor-27509 .elementor-element.elementor-element-1eecdc6 .elementor-image-box-description{font-size:40px;}.elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-wrapper .elementor-image-box-img{width:32px;}.elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-title{font-size:20px;}.elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-description{font-size:18px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-a23dfdb{font-size:15px;line-height:20px;}.elementor-27509 .elementor-element.elementor-element-a23dfdb p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-wrapper .elementor-image-box-img{width:32px;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-title{font-size:20px;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-f0c11fa{font-size:15px;line-height:20px;}.elementor-27509 .elementor-element.elementor-element-f0c11fa p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-6e1d885{--margin-top:-48px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-wrapper .elementor-image-box-img{width:32px;}.elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-title{font-size:20px;}.elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-f2467db{font-size:15px;line-height:20px;}.elementor-27509 .elementor-element.elementor-element-f2467db p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-f7b37d1{--margin-top:-48px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-wrapper .elementor-image-box-img{width:32px;}.elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-title{font-size:20px;}.elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-003a063{font-size:15px;line-height:20px;}.elementor-27509 .elementor-element.elementor-element-003a063 p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-wrapper .elementor-image-box-img{width:32px;}.elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-title{font-size:20px;}.elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-95adc61{font-size:15px;line-height:20px;}.elementor-27509 .elementor-element.elementor-element-95adc61 p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-5e9d60e{--margin-top:-48px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-wrapper .elementor-image-box-img{width:32px;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-title{font-size:20px;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-ec79f7a{font-size:15px;line-height:20px;}.elementor-27509 .elementor-element.elementor-element-ec79f7a p{margin-block-end:0px;}.elementor-27509 .elementor-element.elementor-element-3216893{--margin-top:-48px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-wrapper .elementor-image-box-img{width:32px;}.elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-title{font-size:20px;}.elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-979b6dd{font-size:15px;line-height:20px;}.elementor-27509 .elementor-element.elementor-element-979b6dd p{margin-block-end:0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-27509 .elementor-element.elementor-element-703f01c .elementor-image-box-title{margin-bottom:18px;font-size:15px;}.elementor-27509 .elementor-element.elementor-element-703f01c .elementor-image-box-description{font-size:40px;line-height:50px;}.elementor-27509 .elementor-element.elementor-element-ee408db > .elementor-widget-container{padding:20px 0px 30px 0px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-a1ce3a7{--gap:50px 0px;--row-gap:50px;--column-gap:0px;}.elementor-27509 .elementor-element.elementor-element-676b1fd{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-676b1fd > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-title{font-size:40px;}.elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-description{font-size:15px;}.elementor-27509 .elementor-element.elementor-element-6525589{--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:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-2ab3b6b{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-1e9f6af{--justify-content:center;}.elementor-27509 .elementor-element.elementor-element-54f8b4f .elementor-image-box-title{margin-bottom:5px;font-size:18px;}.elementor-27509 .elementor-element.elementor-element-54f8b4f .elementor-image-box-description{font-size:15px;line-height:25px;}.elementor-27509 .elementor-element.elementor-element-ab3c36c{--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:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-daf97b3{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-fbc6339 .elementor-image-box-title{margin-bottom:5px;font-size:18px;}.elementor-27509 .elementor-element.elementor-element-fbc6339 .elementor-image-box-description{font-size:15px;line-height:25px;}.elementor-27509 .elementor-element.elementor-element-e76bf40{--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:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-a573396{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-f7c3afe .elementor-image-box-title{margin-bottom:5px;font-size:18px;}.elementor-27509 .elementor-element.elementor-element-f7c3afe .elementor-image-box-description{font-size:15px;line-height:25px;}.elementor-27509 .elementor-element.elementor-element-12fae74{--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:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-2a468a0{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-0f1e8e5 .elementor-image-box-title{margin-bottom:5px;font-size:18px;}.elementor-27509 .elementor-element.elementor-element-0f1e8e5 .elementor-image-box-description{font-size:15px;line-height:25px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-27509 .elementor-element.elementor-element-0104144 .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-widget-ucaddon_content_accordion .ue_ca_additional_content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue_heading_title,.elementor-widget-ucaddon_content_accordion .uc-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue-item-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue-item-text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .uc_more_btn{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-b31c138{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-27509 .elementor-element.elementor-element-b31c138 .uc_content{padding:0px 150px 50px 30px;}.elementor-27509 .elementor-element.elementor-element-aefb847{--padding-top:180px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-408f12f{--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-a44b5c7{--container-widget-width:60%;--container-widget-flex-grow:0;width:var( --container-widget-width, 60% );max-width:60%;}.elementor-27509 .elementor-element.elementor-element-a44b5c7 > .elementor-widget-container{background-size:96% auto;}}@media(max-width:1024px){.elementor-27509 .elementor-element.elementor-element-b989306{--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-title{margin-bottom:9px;font-size:4vw;}.elementor-27509 .elementor-element.elementor-element-eda0c7c{--e-image-carousel-slides-to-show:3;}.elementor-27509 .elementor-element.elementor-element-eda0c7c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-fb02ea5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-27509 .elementor-element.elementor-element-1eecdc6 .elementor-image-box-wrapper{text-align:center;}.elementor-27509 .elementor-element.elementor-element-1eecdc6 .elementor-image-box-title{margin-bottom:12px;}.elementor-27509 .elementor-element.elementor-element-1eecdc6 .elementor-image-box-description{font-size:30px;}.elementor-27509 .elementor-element.elementor-element-82b4265{--border-radius:0px 0px 20px 20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-a23dfdb{font-size:14px;}.elementor-27509 .elementor-element.elementor-element-ba4541d{--border-radius:0px 0px 20px 20px;}.elementor-27509 .elementor-element.elementor-element-f0c11fa{font-size:14px;}.elementor-27509 .elementor-element.elementor-element-a998f52{--border-radius:0px 0px 20px 20px;}.elementor-27509 .elementor-element.elementor-element-f2467db{font-size:14px;}.elementor-27509 .elementor-element.elementor-element-f724c2b{--border-radius:0px 0px 20px 20px;}.elementor-27509 .elementor-element.elementor-element-003a063{font-size:14px;}.elementor-27509 .elementor-element.elementor-element-30d6d0e{--border-radius:0px 0px 20px 20px;}.elementor-27509 .elementor-element.elementor-element-95adc61{font-size:14px;}.elementor-27509 .elementor-element.elementor-element-cb93ceb{--border-radius:0px 0px 20px 20px;}.elementor-27509 .elementor-element.elementor-element-ec79f7a{font-size:14px;}.elementor-27509 .elementor-element.elementor-element-a1afb4b{--border-radius:0px 0px 20px 20px;}.elementor-27509 .elementor-element.elementor-element-979b6dd{font-size:14px;}.elementor-27509 .elementor-element.elementor-element-39c9dc5{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:0px;--e-n-carousel-swiper-pagination-size:8px;}.elementor-27509 .elementor-element.elementor-element-39c9dc5 > .elementor-widget-container{padding:0px 0px 0px 0px;}:where( .elementor-27509 .elementor-element.elementor-element-39c9dc5 .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-27509 .elementor-element.elementor-element-39c9dc5 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:5px;--swiper-pagination-bullet-vertical-gap:5px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-27509 .elementor-element.elementor-element-9329feb > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-27509 .elementor-element.elementor-element-9329feb .elementor-button{font-size:15px;padding:5px 40px 5px 40px;}.elementor-27509 .elementor-element.elementor-element-4437efd{--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:100px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-27509 .elementor-element.elementor-element-703f01c .elementor-image-box-wrapper{text-align:center;}.elementor-27509 .elementor-element.elementor-element-703f01c .elementor-image-box-title{margin-bottom:12px;}.elementor-27509 .elementor-element.elementor-element-703f01c .elementor-image-box-description{font-size:30px;line-height:38px;}.elementor-27509 .elementor-element.elementor-element-ee408db{text-align:center;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-81c7581 > .elementor-widget-container{padding:30px 20px 30px 0px;}.elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-title a{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-description{font-size:15px;line-height:25px;}.elementor-27509 .elementor-element.elementor-element-399ffaf > .elementor-widget-container{padding:30px 0px 30px 20px;}.elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-title a{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-description{font-size:15px;line-height:25px;}.elementor-27509 .elementor-element.elementor-element-a85a1dd > .elementor-widget-container{padding:30px 20px 30px 0px;}.elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-title a{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-description{font-size:15px;line-height:25px;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 > .elementor-widget-container{padding:30px 0px 30px 20px;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-title a{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-description{font-size:15px;line-height:25px;}.elementor-27509 .elementor-element.elementor-element-a1ce3a7{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:50px 25px;--row-gap:50px;--column-gap:25px;--padding-top:100px;--padding-bottom:15px;--padding-left:50px;--padding-right:50px;}.elementor-27509 .elementor-element.elementor-element-676b1fd{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-676b1fd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-title{margin-bottom:9px;font-size:30px;}.elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-description{font-size:15px;}.elementor-27509 .elementor-element.elementor-element-2ab3b6b{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;}body:not(.rtl) .elementor-27509 .elementor-element.elementor-element-2ab3b6b{right:15px;}body.rtl .elementor-27509 .elementor-element.elementor-element-2ab3b6b{left:15px;}.elementor-27509 .elementor-element.elementor-element-daf97b3{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;}body:not(.rtl) .elementor-27509 .elementor-element.elementor-element-daf97b3{right:15px;}body.rtl .elementor-27509 .elementor-element.elementor-element-daf97b3{left:15px;}.elementor-27509 .elementor-element.elementor-element-a573396{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;}body:not(.rtl) .elementor-27509 .elementor-element.elementor-element-a573396{right:15px;}body.rtl .elementor-27509 .elementor-element.elementor-element-a573396{left:15px;}.elementor-27509 .elementor-element.elementor-element-2a468a0{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;}body:not(.rtl) .elementor-27509 .elementor-element.elementor-element-2a468a0{right:15px;}body.rtl .elementor-27509 .elementor-element.elementor-element-2a468a0{left:15px;}.elementor-27509 .elementor-element.elementor-element-c24c191{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:100px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-27509 .elementor-element.elementor-element-0104144 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-widget-ucaddon_content_accordion .ue_ca_additional_content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue_heading_title,.elementor-widget-ucaddon_content_accordion .uc-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue-item-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue-item-text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .uc_more_btn{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-b31c138{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-b31c138 .ue_heading_title{padding:20px 50px 20px 20px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .ue_heading_title,.elementor-27509 .elementor-element.elementor-element-b31c138 .uc-heading{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .uc_content{padding:0px 50px 30px 20px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .ue-item-text{font-size:15px;}.elementor-27509 .elementor-element.elementor-element-aefb847{--padding-top:220px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-8173b2f > .elementor-widget-container{padding:20px 0px 20px 0px;}}@media(max-width:767px){.elementor-27509 .elementor-element.elementor-element-b989306{--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-458fe04{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-27509 .elementor-element.elementor-element-bd0a951{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-cd9b5db .elementor-image-box-title{margin-bottom:0px;}.elementor-27509 .elementor-element.elementor-element-cd9b5db .elementor-image-box-description{font-size:14px;line-height:22px;}.elementor-27509 .elementor-element.elementor-element-dab32a7 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-title{margin-bottom:0px;}.elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-description{font-size:14px;line-height:22px;}.elementor-27509 .elementor-element.elementor-element-eda0c7c{--e-image-carousel-slides-to-show:3;}.elementor-27509 .elementor-element.elementor-element-eda0c7c > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-fb02ea5{--border-radius:40px 40px 40px 40px;--padding-top:2%;--padding-bottom:2%;--padding-left:6%;--padding-right:6%;}.elementor-27509 .elementor-element.elementor-element-1eecdc6 .elementor-image-box-wrapper{text-align:center;}.elementor-27509 .elementor-element.elementor-element-1eecdc6 .elementor-image-box-title{margin-bottom:8px;font-size:13px;}.elementor-27509 .elementor-element.elementor-element-1eecdc6 .elementor-image-box-description{font-size:22px;}.elementor-27509 .elementor-element.elementor-element-4eb7306{--padding-top:10%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-27509 .elementor-element.elementor-element-98fd6e7{--width:90%;}.elementor-27509 .elementor-element.elementor-element-658004a{--margin-top:-65px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-title{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-description{font-size:18px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-9075d71{--padding-top:10%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-27509 .elementor-element.elementor-element-8b58c31{--width:90%;}.elementor-27509 .elementor-element.elementor-element-9835856{--margin-top:-65px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-title{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-eebb26c{--padding-top:10%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-27509 .elementor-element.elementor-element-bef67e8{--width:90%;}.elementor-27509 .elementor-element.elementor-element-6e1d885{--margin-top:-40px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-title{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-af1cf9d{--padding-top:10%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-27509 .elementor-element.elementor-element-5c59888{--width:90%;}.elementor-27509 .elementor-element.elementor-element-f7b37d1{--margin-top:-40px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-title{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-5c558c5{--padding-top:10%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-27509 .elementor-element.elementor-element-68f4895{--width:90%;}.elementor-27509 .elementor-element.elementor-element-263ce79{--margin-top:-65px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-title{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-f49edf2{--padding-top:10%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-27509 .elementor-element.elementor-element-ada0477{--width:90%;}.elementor-27509 .elementor-element.elementor-element-5e9d60e{--margin-top:-40px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-title{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-4909ebd{--padding-top:10%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-27509 .elementor-element.elementor-element-9746708{--width:90%;}.elementor-27509 .elementor-element.elementor-element-3216893{--margin-top:-40px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-img{margin-bottom:15px;}.elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-title{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-description{font-size:18px;}.elementor-27509 .elementor-element.elementor-element-39c9dc5{--e-n-carousel-swiper-slides-to-display:1;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-27509 .elementor-element.elementor-element-9329feb > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-27509 .elementor-element.elementor-element-4437efd{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27509 .elementor-element.elementor-element-703f01c .elementor-image-box-wrapper{text-align:center;}.elementor-27509 .elementor-element.elementor-element-703f01c .elementor-image-box-title{margin-bottom:8px;font-size:13px;}.elementor-27509 .elementor-element.elementor-element-703f01c .elementor-image-box-description{font-size:22px;line-height:30px;}.elementor-27509 .elementor-element.elementor-element-ee408db > .elementor-widget-container{padding:10px 0px 20px 0px;}.elementor-27509 .elementor-element.elementor-element-ee408db{font-size:14px;line-height:22px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-81c7581{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-81c7581 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon{font-size:40px;}.elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-title a{font-size:16px;line-height:20px;}.elementor-27509 .elementor-element.elementor-element-81c7581 .elementor-icon-box-description{font-size:14px;}.elementor-27509 .elementor-element.elementor-element-399ffaf{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-399ffaf > .elementor-widget-container{padding:20px 0px 20px 0px;border-width:0px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon{font-size:40px;}.elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-title a{font-size:16px;}.elementor-27509 .elementor-element.elementor-element-399ffaf .elementor-icon-box-description{font-size:14px;}.elementor-27509 .elementor-element.elementor-element-a85a1dd{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-a85a1dd > .elementor-widget-container{padding:20px 0px 20px 0px;border-width:1px 0px 1px 0px;}.elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon{font-size:40px;}.elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-title a{font-size:16px;}.elementor-27509 .elementor-element.elementor-element-a85a1dd .elementor-icon-box-description{font-size:14px;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon{font-size:40px;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-title, .elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-title a{font-size:16px;}.elementor-27509 .elementor-element.elementor-element-e4bb4f4 .elementor-icon-box-description{font-size:14px;}.elementor-27509 .elementor-element.elementor-element-a1ce3a7{--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:80px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-27509 .elementor-element.elementor-element-676b1fd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-wrapper{text-align:center;}.elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-title{margin-bottom:5px;font-size:22px;}.elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-description{font-size:14px;line-height:22px;}.elementor-27509 .elementor-element.elementor-element-6525589{--width:100%;--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:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-2ab3b6b{width:var( --container-widget-width, 120px );max-width:120px;--container-widget-width:120px;--container-widget-flex-grow:0;z-index:1;}.elementor-27509 .elementor-element.elementor-element-54f8b4f .elementor-image-box-title{font-size:16px;}.elementor-27509 .elementor-element.elementor-element-54f8b4f .elementor-image-box-description{font-size:14px;line-height:22px;}.elementor-27509 .elementor-element.elementor-element-ab3c36c{--width:100%;--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:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-daf97b3{width:var( --container-widget-width, 140px );max-width:140px;--container-widget-width:140px;--container-widget-flex-grow:0;z-index:1;}.elementor-27509 .elementor-element.elementor-element-8c14af3{--justify-content:center;}.elementor-27509 .elementor-element.elementor-element-fbc6339 .elementor-image-box-title{font-size:16px;}.elementor-27509 .elementor-element.elementor-element-fbc6339 .elementor-image-box-description{font-size:14px;line-height:22px;}.elementor-27509 .elementor-element.elementor-element-e76bf40{--width:100%;--justify-content:flex-end;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-a573396{width:var( --container-widget-width, 120px );max-width:120px;--container-widget-width:120px;--container-widget-flex-grow:0;z-index:1;}.elementor-27509 .elementor-element.elementor-element-c5acaec{--justify-content:center;}.elementor-27509 .elementor-element.elementor-element-f7c3afe .elementor-image-box-title{font-size:16px;}.elementor-27509 .elementor-element.elementor-element-f7c3afe .elementor-image-box-description{font-size:14px;line-height:22px;}.elementor-27509 .elementor-element.elementor-element-12fae74{--width:100%;--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:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-2a468a0{width:var( --container-widget-width, 120px );max-width:120px;--container-widget-width:120px;--container-widget-flex-grow:0;z-index:1;}.elementor-27509 .elementor-element.elementor-element-38fab08{--justify-content:center;}.elementor-27509 .elementor-element.elementor-element-0f1e8e5 .elementor-image-box-title{font-size:16px;}.elementor-27509 .elementor-element.elementor-element-0f1e8e5 .elementor-image-box-description{font-size:14px;line-height:22px;}.elementor-27509 .elementor-element.elementor-element-c24c191{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-27509 .elementor-element.elementor-element-0104144 .elementor-heading-title{font-size:25px;line-height:30px;}.elementor-widget-ucaddon_content_accordion .ue_ca_additional_content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue_heading_title,.elementor-widget-ucaddon_content_accordion .uc-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue-item-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue-item-text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .uc_more_btn{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27509 .elementor-element.elementor-element-b31c138 span.ue_accordion_icon{width:50px;height:50px;font-size:15px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .ue_heading_title{padding:20px 20px 20px 20px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .ue_heading_title,.elementor-27509 .elementor-element.elementor-element-b31c138 .uc-heading{font-size:16px;line-height:22px;}.elementor-27509 .elementor-element.elementor-element-b31c138 .ue-item-text{font-size:14px;line-height:22px;}.elementor-27509 .elementor-element.elementor-element-aefb847{--width:100%;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-408f12f{--width:300px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-27509 .elementor-element.elementor-element-c4d55ec{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-c4d55ec > .elementor-widget-container{margin:20px -50px 0px 0px;}.elementor-27509 .elementor-element.elementor-element-c4d55ec img{border-width:4px 4px 4px 4px;border-radius:15px 15px 15px 15px;}.elementor-27509 .elementor-element.elementor-element-06bf889{width:100%;max-width:100%;}.elementor-27509 .elementor-element.elementor-element-06bf889 img{border-width:4px 4px 4px 4px;border-radius:15px 15px 15px 15px;}.elementor-27509 .elementor-element.elementor-element-a44b5c7{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;bottom:15px;}}@media(max-width:1024px) and (min-width:768px){.elementor-27509 .elementor-element.elementor-element-98fd6e7{--width:90%;}.elementor-27509 .elementor-element.elementor-element-8b58c31{--width:90%;}.elementor-27509 .elementor-element.elementor-element-bef67e8{--width:90%;}.elementor-27509 .elementor-element.elementor-element-5c59888{--width:90%;}.elementor-27509 .elementor-element.elementor-element-68f4895{--width:90%;}.elementor-27509 .elementor-element.elementor-element-ada0477{--width:90%;}.elementor-27509 .elementor-element.elementor-element-9746708{--width:90%;}.elementor-27509 .elementor-element.elementor-element-6525589{--width:320px;}.elementor-27509 .elementor-element.elementor-element-ab3c36c{--width:320px;}.elementor-27509 .elementor-element.elementor-element-e76bf40{--width:320px;}.elementor-27509 .elementor-element.elementor-element-12fae74{--width:320px;}.elementor-27509 .elementor-element.elementor-element-408f12f{--width:540px;}}@media(min-width:2400px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-ucaddon_content_accordion .ue_ca_additional_content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue_heading_title,.elementor-widget-ucaddon_content_accordion .uc-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue-item-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .ue-item-text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ucaddon_content_accordion .uc_more_btn{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for image-box, class: .elementor-element-cd9b5db */.elementor-27509 .elementor-element.elementor-element-cd9b5db .elementor-image-box-title{ background: linear-gradient(180deg, #000000 0%, #808080 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .elementor-27509 .elementor-element.elementor-element-cd9b5db .elementor-image-box-description{ width:400px; text-align:left; } @media (max-width: 1023px) { .elementor-27509 .elementor-element.elementor-element-cd9b5db .elementor-image-box-description{ text-align:center; width:100%; padding:0px 20px; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-dab32a7 */.elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-content{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; align-items: start; } .elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-title{ background: linear-gradient(180deg, #000000 0%, #808080 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-description{ width:400px; text-align:left; } @media (max-width: 1024px) { .elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-content{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; } .elementor-27509 .elementor-element.elementor-element-dab32a7 .elementor-image-box-description{ text-align:center; width:100%; padding:0px 20px; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-eda0c7c *//* 1. 默认隐藏未初始化的 Swiper，防止刚加载时样式错乱 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .elementor-image-carousel-wrapper:not(.swiper-initialized) { opacity: 0 !important; visibility: hidden !important; } /* 2. Swiper 初始化完成后，平滑过渡显示 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .elementor-image-carousel-wrapper.swiper-initialized { opacity: 1 !important; visibility: visible !important; transition: opacity 0.4s ease-in-out; } /* 1. 全局：禁止手动滑动，确保自动播放流畅 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c { pointer-events: none; } /* 2. 容器：彻底解决放大时的边缘裁剪问题 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .elementor-image-carousel-wrapper, .elementor-27509 .elementor-element.elementor-element-eda0c7c .elementor-main-swiper, .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-container { overflow: visible !important; } .elementor-27509 .elementor-element.elementor-element-eda0c7c .elementor-image-carousel-wrapper { padding-top: 100px; padding-bottom: 80px; } .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-wrapper { display: flex; align-items: center; } /* 3. 所有 Slide 的基础设置 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide { transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, z-index 0.3s; position: relative; opacity: 1; transform: translateY(0px) scale(1); /* 默认下沉位位移 */ visibility: visible !important; } /* 4. 图片投影处理：默认所有图片带投影 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide img { margin: 0 !important; display: block; box-shadow: 0 0 0 1px rgba(202, 202, 202, 0.44), 5px 13px 19px 0 rgba(0, 0, 0, 0.1); transition: all 0.5s ease-in-out; } /* --- 核心 3 SLIDE 逻辑 --- */ /* 【左侧 Slide 1】：低层级，向中心靠拢 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-active { z-index: 10 !important; transform: translateX(-10px) translateY(0px) scale(1); opacity: 1; } /* 【中间 Slide 2 - 核心放大项】：层级居中，无投影，带手机框 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-active + .swiper-slide { transform: scale(1) translateY(0px) !important; z-index: 50 !important; opacity: 1; } /* 中间图片去掉投影以适应手机框 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-active + .swiper-slide img { box-shadow: none !important; border-radius: 20px; } /* 手机框外壳：仅在中间 Slide 显示 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-active + .swiper-slide .swiper-slide-inner::after { content: ""; position: absolute; top: 40%; left: 51%; width: 125%; height: 125%; transform: translate(-50%, -50%); background-image: url('https://www.jndesign.com.my/wp-content/uploads/2026/07/Graphic-Design-Banner-BG.png'); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 10; pointer-events: none; display: block !important; } /* 【右侧 Slide 3】：最高层级，压在中间上面，向中心靠拢 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-active + .swiper-slide + .swiper-slide { z-index: 10 !important; transform: translateX(10px) translateY(0px) scale(1); opacity: 1; } /* 5. 修正处理：隐藏其他位置的手机框 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide:not(.swiper-slide-active + .swiper-slide) .swiper-slide-inner::after { display: none !important; } /* 确保克隆节点（Loop）可见，不闪烁 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-duplicate { opacity: 1; visibility: visible !important; } @media screen and (max-width:1024px){ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide { transform: translateY(0px) scale(1.5); } /* --- 核心 3 SLIDE 逻辑 --- */ /* 【左侧 Slide 1】：低层级，向中心靠拢 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-active { transform: translateX(-110px) translateY(0px) scale(1.5); } /* 【中间 Slide 2 - 核心放大项】：层级居中，无投影，带手机框 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-active + .swiper-slide { transform: scale(1.5) translateY(0px) !important; } /* 【右侧 Slide 3】：最高层级，压在中间上面，向中心靠拢 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-active + .swiper-slide + .swiper-slide { transform: translateX(110px) translateY(0px) scale(1.5); } } @media screen and (max-width:767px){ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide { transform: translateY(0px) scale(2); } /* --- 核心 3 SLIDE 逻辑 --- */ /* 【左侧 Slide 1】：低层级，向中心靠拢 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-active { transform: translateX(-120px) translateY(0px) scale(2); } /* 【中间 Slide 2 - 核心放大项】：层级居中，无投影，带手机框 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-active + .swiper-slide { transform: scale(2) translateY(0px) !important; } /* 【右侧 Slide 3】：最高层级，压在中间上面，向中心靠拢 */ .elementor-27509 .elementor-element.elementor-element-eda0c7c .swiper-slide-active + .swiper-slide + .swiper-slide { transform: translateX(120px) translateY(0px) scale(2); } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5aad070 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98fd6e7 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e3eaf2f */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8b58c31 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2525564 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bef67e8 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_4 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_4 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_5 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_5 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9ae462d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c59888 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b71be6d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68f4895 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d0bb1c0 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ada0477 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d6993ca */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9746708 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5aad070 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98fd6e7 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e3eaf2f */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8b58c31 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2525564 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bef67e8 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_4 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_4 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_5 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_5 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9ae462d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c59888 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b71be6d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68f4895 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d0bb1c0 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ada0477 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d6993ca */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9746708 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5aad070 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98fd6e7 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e3eaf2f */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8b58c31 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2525564 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bef67e8 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_4 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_4 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_5 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_5 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9ae462d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c59888 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b71be6d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68f4895 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d0bb1c0 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ada0477 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d6993ca */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9746708 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5aad070 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98fd6e7 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e3eaf2f */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8b58c31 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2525564 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bef67e8 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_4 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_4 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_5 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_5 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9ae462d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c59888 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b71be6d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68f4895 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d0bb1c0 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ada0477 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d6993ca */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9746708 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5aad070 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98fd6e7 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e3eaf2f */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8b58c31 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2525564 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bef67e8 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_4 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_4 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_5 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_5 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9ae462d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c59888 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b71be6d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68f4895 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d0bb1c0 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ada0477 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d6993ca */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9746708 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5aad070 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98fd6e7 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e3eaf2f */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8b58c31 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2525564 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bef67e8 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_4 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_4 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_5 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_5 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9ae462d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c59888 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b71be6d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68f4895 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d0bb1c0 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ada0477 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d6993ca */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9746708 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5aad070 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98fd6e7 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e3eaf2f */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8b58c31 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2525564 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bef67e8 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_4 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_4 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_5 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_5 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9ae462d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c59888 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b71be6d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68f4895 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d0bb1c0 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ada0477 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d6993ca */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9746708 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5aad070 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-5aad070 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98fd6e7 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e3eaf2f */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-e3eaf2f .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8b58c31 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2525564 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-2525564 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bef67e8 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_4 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_4 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_5 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_5 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9ae462d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-9ae462d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c59888 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b71be6d */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-b71be6d .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-68f4895 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } .our-design:hover .box_pic_1 img { transform: translateY(-30px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_1 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_2 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_2 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_3 img { transform: translateY(-20px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_3 img{ transition: transform 0.3s ease-in-out; } @media (max-width: 1366px){ /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .elementor-widget-image img { transform: translateY(-40px) rotate(-5deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .elementor-widget-image img { transition: transform 0.3s ease-in-out; } } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d0bb1c0 */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d0bb1c0 .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ada0477 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d6993ca */@media (max-width: 767px){ .elementor-27509 .elementor-element.elementor-element-d6993ca .elementor-image-box-wrapper{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9746708 */.our-design { position: relative; background: linear-gradient(180deg, rgba(255, 215, 116, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius: 0 30px 30px 30px; max-width: 100%; min-height: 200px; margin-top: 65px; padding: 20px 0px 0px 0px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .our-design::before { content: ""; position: absolute; top: -65px; /* 向上平移 */ left: 0; width: 60%; height: 65px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(255, 215, 116, 1); border-radius: 30px 30px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .our-design::after { content: ""; position: absolute; top: -50px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 60%; width: 50px; height: 60px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(255, 215, 116, 1); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } /* 鼠标悬停在 what-we-do 容器时，触发图片的位移与旋转 */ .our-design:hover .box_pic_6 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_6 img{ transition: transform 0.3s ease-in-out; } .our-design:hover .box_pic_7 img { transform: translateY(-10px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .our-design .box_pic_7 img{ transition: transform 0.3s ease-in-out; } /* 移动端自适应 */ @media (max-width: 1024px){ .our-design { border-radius: 0 20px 20px 20px; } .our-design::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-39c9dc5 *//* 仅针对 1025px 以上的桌面设备 */ @media (min-width: 1025px) { /* 1. 强制容器使用 Flex 换行布局，并设置全局居中 */ .design-project .swiper-wrapper { display: flex !important; flex-wrap: wrap !important; /* 允许换行 */ justify-content: center !important; /* 核心：让最后一行不满 3 个的卡片自动居中 */ transform: none !important; /* 禁用 Swiper 的位移 */ width: 100% !important; height: auto !important; } /* 2. 强制每个 Slide 占 1/3 宽度 (扣除间距) */ .design-project .swiper-slide { /* 计算公式：(100% / 3) - 间距补偿 */ flex: 0 0 calc(33.333% - 20px) !important; width: calc(33.333% - 20px) !important; max-width: calc(33.333% - 20px) !important; /* 状态解锁 */ margin: 0 !important; opacity: 1 !important; visibility: visible !important; position: relative !important; /* 权限解锁：解决你之前说的 Hover 不到/必须滑一下的问题 */ pointer-events: auto !important; } /* 3. 暴力解锁所有子元素的鼠标事件 */ .design-project .swiper-slide * { pointer-events: auto !important; } /* 4. 强制显示 Elementor 的内容（防止因为没滑到而隐藏） */ .design-project .swiper-slide .elementor-invisible, .design-project .swiper-slide .animated { opacity: 1 !important; visibility: visible !important; animation: none !important; transform: none !important; } /* 5. 必须隐藏重复的 Slide (Infinite Loop 生成的)，否则数量会对不上 */ .design-project .swiper-slide-duplicate { display: none !important; } /* 6. 隐藏 Swiper 原有的导航和分页 */ .design-project .swiper-pagination, .design-project .elementor-swiper-button, .design-project .swiper-notification { display: none !important; } /* 7. 穿透父级容器 */ .design-project .e-n-carousel, .design-project .swiper { overflow: visible !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-676b1fd */.elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-content{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-title{ background: linear-gradient(60deg, #D38200 0%, #251700 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-description{ width:150px; text-align:right; } @media (max-width: 1024px) { .elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-content{ display: flex; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: center; align-items: center; } .elementor-27509 .elementor-element.elementor-element-676b1fd .elementor-image-box-description{ text-align:center; width:100%; padding:0px 20px; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-54f8b4f */.elementor-27509 .elementor-element.elementor-element-54f8b4f .elementor-image-box-title{ background: linear-gradient(60deg, #D38200 0%, #251700 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e9f6af */.why-choose-us-box { position: relative; background: linear-gradient(180deg, rgba(254, 241, 208, 0.8) 0%, rgba(255, 255, 255, 1) 35%); border-radius: 0 20px 20px 20px; max-width: 100%; min-height: 250px; margin-top: 65px; padding: 30px 20px 50px 20px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .why-choose-us-box::before { content: ""; position: absolute; top: -40px; /* 向上平移 */ left: 0; width: 60%; height: 40px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(254, 241, 208, 0.8); border-radius: 20px 20px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .why-choose-us-box::after { content: ""; position: absolute; top: -45px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 58%; width: 55px; height: 45px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(254, 241, 208, 0.8); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } @media (max-width: 1024px){ .why-choose-us-box { border-radius: 0 20px 20px 20px; padding: 20px 20px 20px 20px; min-height: 200px; } .why-choose-us-box::before { border-radius: 20px 20px 0 0; } } @media (max-width: 767px){ .why-choose-us-box { padding: 0px 20px 20px 20px; min-height: 160px; } .why-choose-us-box::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fbc6339 */.elementor-27509 .elementor-element.elementor-element-fbc6339 .elementor-image-box-title{ background: linear-gradient(60deg, #D38200 0%, #251700 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c14af3 */.why-choose-us-box { position: relative; background: linear-gradient(180deg, rgba(254, 241, 208, 0.8) 0%, rgba(255, 255, 255, 1) 35%); border-radius: 0 20px 20px 20px; max-width: 100%; min-height: 250px; margin-top: 65px; padding: 30px 20px 50px 20px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .why-choose-us-box::before { content: ""; position: absolute; top: -40px; /* 向上平移 */ left: 0; width: 60%; height: 40px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(254, 241, 208, 0.8); border-radius: 20px 20px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .why-choose-us-box::after { content: ""; position: absolute; top: -45px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 58%; width: 55px; height: 45px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(254, 241, 208, 0.8); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } @media (max-width: 1024px){ .why-choose-us-box { border-radius: 0 20px 20px 20px; padding: 20px 20px 20px 20px; min-height: 200px; } .why-choose-us-box::before { border-radius: 20px 20px 0 0; } } @media (max-width: 767px){ .why-choose-us-box { padding: 0px 20px 20px 20px; min-height: 160px; } .why-choose-us-box::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-f7c3afe */.elementor-27509 .elementor-element.elementor-element-f7c3afe .elementor-image-box-title{ background: linear-gradient(60deg, #D38200 0%, #251700 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c5acaec */.why-choose-us-box { position: relative; background: linear-gradient(180deg, rgba(254, 241, 208, 0.8) 0%, rgba(255, 255, 255, 1) 35%); border-radius: 0 20px 20px 20px; max-width: 100%; min-height: 250px; margin-top: 65px; padding: 30px 20px 50px 20px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .why-choose-us-box::before { content: ""; position: absolute; top: -40px; /* 向上平移 */ left: 0; width: 60%; height: 40px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(254, 241, 208, 0.8); border-radius: 20px 20px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .why-choose-us-box::after { content: ""; position: absolute; top: -45px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 58%; width: 55px; height: 45px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(254, 241, 208, 0.8); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } @media (max-width: 1024px){ .why-choose-us-box { border-radius: 0 20px 20px 20px; padding: 20px 20px 20px 20px; min-height: 200px; } .why-choose-us-box::before { border-radius: 20px 20px 0 0; } } @media (max-width: 767px){ .why-choose-us-box { padding: 0px 20px 20px 20px; min-height: 160px; } .why-choose-us-box::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-0f1e8e5 */.elementor-27509 .elementor-element.elementor-element-0f1e8e5 .elementor-image-box-title{ background: linear-gradient(60deg, #D38200 0%, #251700 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38fab08 */.why-choose-us-box { position: relative; background: linear-gradient(180deg, rgba(254, 241, 208, 0.8) 0%, rgba(255, 255, 255, 1) 35%); border-radius: 0 20px 20px 20px; max-width: 100%; min-height: 250px; margin-top: 65px; padding: 30px 20px 50px 20px; box-sizing: border-box; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); z-index: 1; } /* 顶部的标签页 */ .why-choose-us-box::before { content: ""; position: absolute; top: -40px; /* 向上平移 */ left: 0; width: 60%; height: 40px; /* 标签页的高度 */ /* 颜色和透明度与主体保持一致 */ background-color: rgba(254, 241, 208, 0.8); border-radius: 20px 20px 0 0; /* ✨ 标签页也必须单独加上毛玻璃，不然它自己不会模糊 */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); /* 保持在同一个上下文，不要跟外面的图片乱比 */ z-index: 1; } /* 标签页与右侧主框交界处的内凹平滑圆角（最关键的细节） */ .why-choose-us-box::after { content: ""; position: absolute; top: -45px; /* 这里的定位需要和上面标签页的 width 保持一致 */ left: 58%; width: 55px; height: 45px; /* 巧用反向圆角和阴影做出平滑过渡 */ border-radius: 0 0 0 100px; background-transparent: transparent; box-shadow: -20px 20px 0 0 rgba(254, 241, 208, 0.8); /* 确保不挡住点击事件 */ pointer-events: none; z-index:2; } @media (max-width: 1024px){ .why-choose-us-box { border-radius: 0 20px 20px 20px; padding: 20px 20px 20px 20px; min-height: 200px; } .why-choose-us-box::before { border-radius: 20px 20px 0 0; } } @media (max-width: 767px){ .why-choose-us-box { padding: 0px 20px 20px 20px; min-height: 160px; } .why-choose-us-box::before { border-radius: 20px 20px 0 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0104144 */.elementor-27509 .elementor-element.elementor-element-0104144{ background: linear-gradient(60deg, #D38200 0%, #251700 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-408f12f */.cta:hover .cta_pic_4 img { transform: translateY(-60px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .cta .cta_pic_4 img{ transition: transform 0.3s ease-in-out; } .cta:hover .cta_pic_5 img { transform: translateY(-40px) rotate(0deg); transition: transform 0.3s ease-in-out; /* 顺滑过渡效果 */ } /* 确保图片在非悬停状态下也有平滑还原的过渡动画 */ .cta .cta_pic_5 img{ transition: transform 0.3s ease-in-out; }/* End custom CSS */