.elementor-15 .elementor-element.elementor-element-190f920{--display:flex;}.elementor-15 .elementor-element.elementor-element-e0d7cda{--spacer-size:50px;}.elementor-15 .elementor-element.elementor-element-1fda282{--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;}.elementor-15 .elementor-element.elementor-element-1fda282::before, .elementor-15 .elementor-element.elementor-element-1fda282 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-1fda282 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-1fda282 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-1fda282 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-1fda282 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );background-image:url("https://safiratrip.com/wp-content/uploads/2025/12/1-2-scaled.webp");--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-7fc236b{--display:flex;}.elementor-15 .elementor-element.elementor-element-315addd{--display:flex;}.elementor-15 .elementor-element.elementor-element-06c8ab2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-31378c0 img{border-radius:12px 12px 12px 12px;}.elementor-15 .elementor-element.elementor-element-d9825dd{text-align:center;}.elementor-15 .elementor-element.elementor-element-d9825dd .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-572c817 .elementor-button{background-color:var( --e-global-color-accent );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-a67a765{--display:flex;}.elementor-15 .elementor-element.elementor-element-735d230{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-da80ac1 img{border-radius:12px 12px 12px 12px;}.elementor-15 .elementor-element.elementor-element-6880ca5{text-align:center;}.elementor-15 .elementor-element.elementor-element-6880ca5 .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:#F9FCFF;}.elementor-15 .elementor-element.elementor-element-510cd47 .elementor-button{background-color:var( --e-global-color-accent );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-11854c7{--display:flex;}.elementor-15 .elementor-element.elementor-element-579d986{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-3c29f8f img{border-radius:12px 12px 12px 12px;}.elementor-15 .elementor-element.elementor-element-ed9592c{text-align:center;}.elementor-15 .elementor-element.elementor-element-ed9592c .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:#F7F7F7;}.elementor-15 .elementor-element.elementor-element-7e6fcc6 .elementor-button{background-color:var( --e-global-color-accent );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-01c4aa0{--display:flex;}.elementor-15 .elementor-element.elementor-element-01f4a71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-8cb7391 img{border-radius:12px 12px 12px 12px;}.elementor-15 .elementor-element.elementor-element-826cdf2{text-align:center;}.elementor-15 .elementor-element.elementor-element-826cdf2 .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:#F8F8F8;}.elementor-15 .elementor-element.elementor-element-fc23d07 .elementor-button{background-color:var( --e-global-color-accent );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-541fb72{--display:flex;}.elementor-15 .elementor-element.elementor-element-8e4113a img{border-radius:12px 12px 12px 12px;}.elementor-15 .elementor-element.elementor-element-135c323{text-align:center;}.elementor-15 .elementor-element.elementor-element-135c323 .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:#F5F6F7;}.elementor-15 .elementor-element.elementor-element-9148139 .elementor-button{background-color:var( --e-global-color-accent );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-b904f5f{--display:flex;}.elementor-15 .elementor-element.elementor-element-a1f07b8:before{background-color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-b16c6d8{--display:flex;}.elementor-15 .elementor-element.elementor-element-8b1f0c5{--spacer-size:50px;}.elementor-15 .elementor-element.elementor-element-dc19ea0{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-dc19ea0:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-dc19ea0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-8d3c805 .wd-marquee{--wd-marquee-speed:65s;--wd-marquee-direction:reverse;font-family:"Fredoka", Sans-serif;font-size:22px;font-weight:500;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-88286be{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-53b94b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-53b94b7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-6d2d396{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-6d2d396.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-afb85be{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:5px;}.elementor-15 .elementor-element.elementor-element-afb85be .elementor-divider-separator{width:88%;margin:0 auto;margin-center:0;}.elementor-15 .elementor-element.elementor-element-afb85be .elementor-divider{text-align:center;padding-block-start:11px;padding-block-end:11px;}.elementor-15 .elementor-element.elementor-element-1ec1a04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-e0d86fe .elementor-button{background-color:var( --e-global-color-accent );border-radius:11px 11px 11px 11px;}.elementor-15 .elementor-element.elementor-element-fe6f1ce{--display:flex;}.elementor-15 .elementor-element.elementor-element-776d9a2 .cz_gap{height:7px;}.elementor-15 .elementor-element.elementor-element-e056728 .elementor-repeater-item-17de8c1 .promo-banner:not(.banner-content-background) .content-banner, .elementor-15 .elementor-element.elementor-element-e056728 .elementor-repeater-item-17de8c1 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-15 .elementor-element.elementor-element-e056728 .elementor-repeater-item-0635d89 .promo-banner:not(.banner-content-background) .content-banner, .elementor-15 .elementor-element.elementor-element-e056728 .elementor-repeater-item-0635d89 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-15 .elementor-element.elementor-element-e056728 .elementor-repeater-item-e167081 .promo-banner:not(.banner-content-background) .content-banner, .elementor-15 .elementor-element.elementor-element-e056728 .elementor-repeater-item-e167081 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-15 .elementor-element.elementor-element-e056728 .elementor-repeater-item-17b0fc8 .promo-banner:not(.banner-content-background) .content-banner, .elementor-15 .elementor-element.elementor-element-e056728 .elementor-repeater-item-17b0fc8 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-15 .elementor-element.elementor-element-e056728:before{background-color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-e056728 .banner-title{color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-e056728 .banner-subtitle{color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-e056728 .banner-inner{color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-db5c47d .cz_gap{height:30px;}.elementor-15 .elementor-element.elementor-element-94ab098{--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:0.5;}.elementor-15 .elementor-element.elementor-element-94ab098::before, .elementor-15 .elementor-element.elementor-element-94ab098 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-94ab098 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-94ab098 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-94ab098 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-94ab098 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-45403d7{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.1;min-height:463px !important;padding:12px 12px 12px 12px;}.elementor-15 .elementor-element.elementor-element-45403d7::before, .elementor-15 .elementor-element.elementor-element-45403d7 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-45403d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-45403d7 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-45403d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-45403d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-287f095{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15 .elementor-element.elementor-element-287f095.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-96bea7d .elementor-repeater-item-0e4cd27 .swiper-slide-bg{background-color:var( --e-global-color-primary );background-image:url(https://safiratrip.com/wp-content/uploads/2025/12/3.webp);background-size:cover;}.elementor-15 .elementor-element.elementor-element-96bea7d .elementor-repeater-item-24bf4e8 .swiper-slide-bg{background-color:var( --e-global-color-primary );background-image:url(https://safiratrip.com/wp-content/uploads/2025/12/2-3.webp);background-size:cover;}.elementor-15 .elementor-element.elementor-element-96bea7d .elementor-repeater-item-c27be7d .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://safiratrip.com/wp-content/uploads/2025/12/1-4.webp);background-size:cover;}.elementor-15 .elementor-element.elementor-element-96bea7d .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-15 .elementor-element.elementor-element-96bea7d > .elementor-widget-container{margin:1px 1px 1px 1px;padding:1px 26px 1px 1px;border-style:none;border-radius:20px 20px 20px 20px;}.elementor-15 .elementor-element.elementor-element-96bea7d:hover .elementor-widget-container{border-style:none;}.elementor-15 .elementor-element.elementor-element-96bea7d:hover > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-96bea7d .swiper-slide-contents{max-width:42%;}.elementor-15 .elementor-element.elementor-element-96bea7d .swiper-slide-inner{padding:3px 3px 3px 3px;text-align:center;}.elementor-15 .elementor-element.elementor-element-96bea7d .elementor-swiper-button{font-size:22px;}.elementor-15 .elementor-element.elementor-element-f70bd93{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-c04cb72{--spacer-size:22px;}.elementor-15 .elementor-element.elementor-element-34241ef > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-34241ef:not( .elementor-widget-image ) .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-34241ef.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://safiratrip.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-78ac78c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-78ac78c:not( .elementor-widget-image ) .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-78ac78c.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://safiratrip.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-51836c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-b3a4f6c{--spacer-size:22px;}.elementor-15 .elementor-element.elementor-element-bca0a51 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-bca0a51:not( .elementor-widget-image ) .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-bca0a51.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://safiratrip.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-ea25880 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-ea25880:not( .elementor-widget-image ) .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-ea25880.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://safiratrip.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-7e2b980{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-b787e76{--spacer-size:22px;}.elementor-15 .elementor-element.elementor-element-64fc9e9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-64fc9e9:not( .elementor-widget-image ) .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-64fc9e9.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://safiratrip.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-0ec22e3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-0ec22e3:not( .elementor-widget-image ) .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-0ec22e3.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://safiratrip.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-bfbd5e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-3d89dfd{--spacer-size:22px;}.elementor-15 .elementor-element.elementor-element-1f18df8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-1f18df8:not( .elementor-widget-image ) .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-1f18df8.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://safiratrip.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-e4b8d7f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-e4b8d7f:not( .elementor-widget-image ) .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-e4b8d7f.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://safiratrip.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-951db76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-6dacb2c{--spacer-size:22px;}.elementor-15 .elementor-element.elementor-element-834fe2b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-834fe2b:not( .elementor-widget-image ) .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-834fe2b.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://safiratrip.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-0789246 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-0789246:not( .elementor-widget-image ) .elementor-widget-container, .elementor-15 .elementor-element.elementor-element-0789246.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://safiratrip.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-3375a44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-4c2f343 .cz_gap{height:51px;}.elementor-15 .elementor-element.elementor-element-76ddbe2{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-96627a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-96627a5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-c85f6cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-c85f6cb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-de7ce3b{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:5px;}.elementor-15 .elementor-element.elementor-element-de7ce3b .elementor-divider-separator{width:88%;margin:0 auto;margin-center:0;}.elementor-15 .elementor-element.elementor-element-de7ce3b .elementor-divider{text-align:center;padding-block-start:11px;padding-block-end:11px;}.elementor-15 .elementor-element.elementor-element-0123062{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-aa5268e .elementor-button{background-color:var( --e-global-color-accent );border-radius:11px 11px 11px 11px;}.elementor-15 .elementor-element.elementor-element-59ddc86{--spacer-size:50px;}.elementor-15 .elementor-element.elementor-element-a1c873c{--display:flex;}.elementor-15 .elementor-element.elementor-element-78e978d{--display:flex;}.elementor-15 .elementor-element.elementor-element-0e837d6 .cz_gap{height:51px;}.elementor-15 .elementor-element.elementor-element-b8321e8{--display:flex;}.elementor-15 .elementor-element.elementor-element-f865a33{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-e6e83e9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-951fcf8 img{width:100%;height:400px;object-fit:cover;object-position:top right;}.elementor-15 .elementor-element.elementor-element-332524f{--display:flex;--position:absolute;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;top:0px;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-332524f{left:0px;}body.rtl .elementor-15 .elementor-element.elementor-element-332524f{right:0px;}.elementor-15 .elementor-element.elementor-element-4ddb296{--display:flex;--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}.elementor-15 .elementor-element.elementor-element-4ddb296:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-4ddb296 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F7D4;}.elementor-15 .elementor-element.elementor-element-f054ad0{text-align:justify;}.elementor-15 .elementor-element.elementor-element-f054ad0 p{margin-block-end:1px;}.elementor-15 .elementor-element.elementor-element-d0049cf .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-d0049cf .elementor-button:focus{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-0ddf97d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-2f7acdb img{width:100%;height:400px;object-fit:cover;object-position:top right;}.elementor-15 .elementor-element.elementor-element-cbca43d{--display:flex;--position:absolute;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;top:0px;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-cbca43d{left:0px;}body.rtl .elementor-15 .elementor-element.elementor-element-cbca43d{right:0px;}.elementor-15 .elementor-element.elementor-element-148933e{--display:flex;--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}.elementor-15 .elementor-element.elementor-element-148933e:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-148933e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F7D4;}.elementor-15 .elementor-element.elementor-element-6b889b6{text-align:justify;}.elementor-15 .elementor-element.elementor-element-6b889b6 p{margin-block-end:1px;}.elementor-15 .elementor-element.elementor-element-c385f0b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-57d5637 img{width:100%;height:400px;object-fit:cover;object-position:top right;}.elementor-15 .elementor-element.elementor-element-92f9180{--display:flex;--position:absolute;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;top:0px;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-92f9180{left:0px;}body.rtl .elementor-15 .elementor-element.elementor-element-92f9180{right:0px;}.elementor-15 .elementor-element.elementor-element-5a7b373{--display:flex;--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}.elementor-15 .elementor-element.elementor-element-5a7b373:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-5a7b373 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F7D4;}.elementor-15 .elementor-element.elementor-element-05105b9{text-align:justify;}.elementor-15 .elementor-element.elementor-element-05105b9 p{margin-block-end:1px;}.elementor-15 .elementor-element.elementor-element-c0401ba{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-659b13e img{width:100%;height:400px;object-fit:cover;object-position:top right;}.elementor-15 .elementor-element.elementor-element-d62f76e{--display:flex;--position:absolute;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;top:0px;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-d62f76e{left:0px;}body.rtl .elementor-15 .elementor-element.elementor-element-d62f76e{right:0px;}.elementor-15 .elementor-element.elementor-element-c0037ee{--display:flex;--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}.elementor-15 .elementor-element.elementor-element-c0037ee:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-c0037ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7F7D4;}.elementor-15 .elementor-element.elementor-element-91d4cb0{text-align:justify;}.elementor-15 .elementor-element.elementor-element-91d4cb0 p{margin-block-end:1px;}.elementor-15 .elementor-element.elementor-element-336823d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:769px){.elementor-15 .elementor-element.elementor-element-53b94b7{--width:17.54%;}.elementor-15 .elementor-element.elementor-element-6d2d396{--width:68.095%;}.elementor-15 .elementor-element.elementor-element-1ec1a04{--width:25%;}.elementor-15 .elementor-element.elementor-element-287f095{--width:29.073%;}.elementor-15 .elementor-element.elementor-element-f70bd93{--width:35%;}.elementor-15 .elementor-element.elementor-element-51836c8{--width:35%;}.elementor-15 .elementor-element.elementor-element-7e2b980{--width:35%;}.elementor-15 .elementor-element.elementor-element-bfbd5e4{--width:35%;}.elementor-15 .elementor-element.elementor-element-951db76{--width:35%;}.elementor-15 .elementor-element.elementor-element-96627a5{--width:17.54%;}.elementor-15 .elementor-element.elementor-element-c85f6cb{--width:68.095%;}.elementor-15 .elementor-element.elementor-element-0123062{--width:25%;}.elementor-15 .elementor-element.elementor-element-332524f{--width:90%;}.elementor-15 .elementor-element.elementor-element-cbca43d{--width:90%;}.elementor-15 .elementor-element.elementor-element-92f9180{--width:90%;}.elementor-15 .elementor-element.elementor-element-d62f76e{--width:90%;}}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-31378c0 img{width:250px;}.elementor-15 .elementor-element.elementor-element-da80ac1 img{width:250px;}.elementor-15 .elementor-element.elementor-element-3c29f8f img{width:250px;}.elementor-15 .elementor-element.elementor-element-8cb7391 img{width:250px;}.elementor-15 .elementor-element.elementor-element-8e4113a img{width:250px;}.elementor-15 .elementor-element.elementor-element-dc19ea0{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}}@media(max-width:768px){.elementor-15 .elementor-element.elementor-element-31378c0 img{border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-d9825dd{text-align:center;}.elementor-15 .elementor-element.elementor-element-572c817 .elementor-button{font-size:11px;padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-da80ac1 img{border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-6880ca5{text-align:center;}.elementor-15 .elementor-element.elementor-element-510cd47 .elementor-button{font-size:11px;padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-3c29f8f img{border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-ed9592c{text-align:center;}.elementor-15 .elementor-element.elementor-element-7e6fcc6 .elementor-button{font-size:11px;padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-8cb7391 img{border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-826cdf2{text-align:center;}.elementor-15 .elementor-element.elementor-element-fc23d07 .elementor-button{font-size:11px;padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-8e4113a img{border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-135c323{text-align:center;}.elementor-15 .elementor-element.elementor-element-9148139 .elementor-button{font-size:11px;padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-dc19ea0{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-6d2d396{--width:335.975px;}.elementor-15 .elementor-element.elementor-element-f70bd93{--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:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-10px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-51836c8{--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:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-10px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-7e2b980{--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:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-10px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-bfbd5e4{--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:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-10px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-951db76{--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:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-10px;}.elementor-15 .elementor-element.elementor-element-6dacb2c > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-15 .elementor-element.elementor-element-59ddc86{--spacer-size:9px;}}/* Start custom CSS for container, class: .elementor-element-315addd *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-315addd { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide img, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a67a765 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a67a765 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-11854c7 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-11854c7 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-01c4aa0 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-01c4aa0 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-315addd *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-315addd { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide img, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a67a765 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a67a765 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-11854c7 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-11854c7 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-01c4aa0 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-01c4aa0 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-315addd *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-315addd { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide img, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a67a765 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a67a765 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-11854c7 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-11854c7 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-01c4aa0 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-01c4aa0 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-315addd *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-315addd { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide img, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a67a765 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a67a765 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-11854c7 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-11854c7 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-01c4aa0 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-01c4aa0 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-315addd *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-315addd { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide img, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a67a765 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a67a765 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-11854c7 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-11854c7 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-01c4aa0 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-01c4aa0 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-315addd *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-315addd { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide img, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a67a765 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a67a765 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-11854c7 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-11854c7 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-01c4aa0 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-01c4aa0 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-315addd *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-315addd { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-315addd .swiper-slide img, .elementor-15 .elementor-element.elementor-element-315addd .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a67a765 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a67a765 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-a67a765 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-a67a765 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-11854c7 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-11854c7 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-11854c7 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-11854c7 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-01c4aa0 *//* ------------------------------------------------- نسخه نهایی دقیقاً مطابق آخرین درخواستت دسکتاپ: همان حالت قبلی (کج + محو + ورق‌خوردن دائمی) موبایل: فقط در لحظه عوض شدن اسلاید ورق بخوره، وقتی ثابت شد کاملاً صاف باشه ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-01c4aa0 { perspective: 1800px !important; overflow: visible !important; } /* ============= دسکتاپ (کاملاً مثل کد قبلی که عاشقش بودی) ============= */ @media (min-width: 1025px) { .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1800px) rotateY(25deg) scale(0.88) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important; } .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(15deg) scale(0.94) !important; opacity: 0.85 !important; filter: blur(0.5px) !important; } } /* ============= موبایل: فقط در لحظه سوایپ ورق بخوره ============= */ @media (max-width: 1024px) { /* حالت پیش‌فرض: همه اسلایدها کاملاً صاف و بدون افکت */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; } /* فقط در لحظه انیمیشن سوایپ (کلاس swiper-slide-prev/next/active) ورق بخوره */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-next { transform: perspective(1800px) rotateY(20deg) scale(0.92) !important; opacity: 0.9 !important; } /* اسلاید فعال همیشه صاف */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item.swiper-slide-active { transform: perspective(1800px) rotateY(0deg) scale(1) !important; opacity: 1 !important; filter: none !important; z-index: 10 !important; } } /* هاور کاملاً غیرفعال در همه دستگاه‌ها */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide:hover { transform: inherit !important; } /* زیبایی تصاویر */ .elementor-15 .elementor-element.elementor-element-01c4aa0 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-01c4aa0 .wd-carousel-item img { height: 440px !important; object-fit: cover !important; border-radius: 16px !important; }/* End custom CSS */ /* Start custom CSS for wd_nested_carousel, class: .elementor-element-a1f07b8 *//* ------------------------------------------------- افکت Tilt 3D برای کاروسل Woodmart/Elementor: فقط اسلاید وسط صاف، بقیه کج و کوچک سازگار با Swiper.js و تم Woodmart ------------------------------------------------- */ .elementor-15 .elementor-element.elementor-element-a1f07b8 { perspective: 1500px !important; overflow: visible !important; } .elementor-15 .elementor-element.elementor-element-a1f07b8 .swiper-slide, .elementor-15 .elementor-element.elementor-element-a1f07b8 .wd-carousel-item { transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; transform: perspective(1500px) rotateY(25deg) scale(0.88) translateZ(-100px) !important; opacity: 0.6 !important; filter: blur(2px) brightness(0.9) !important; z-index: 1 !important; position: relative !important; } /* اسلاید فعال (وسط) → صاف و برجسته */ .elementor-15 .elementor-element.elementor-element-a1f07b8 .swiper-slide-active, .elementor-15 .elementor-element.elementor-element-a1f07b8 .wd-carousel-item.swiper-slide-active { transform: perspective(1500px) rotateY(0deg) scale(1) translateZ(0px) !important; opacity: 1 !important; filter: blur(0px) brightness(1) !important; z-index: 10 !important; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25) !important; } /* اسلایدهای مجاور (prev/next) → کمی کمتر کج */ .elementor-15 .elementor-element.elementor-element-a1f07b8 .swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a1f07b8 .swiper-slide-next, .elementor-15 .elementor-element.elementor-element-a1f07b8 .wd-carousel-item.swiper-slide-prev, .elementor-15 .elementor-element.elementor-element-a1f07b8 .wd-carousel-item.swiper-slide-next { transform: perspective(1500px) rotateY(15deg) scale(0.94) translateZ(-50px) !important; opacity: 0.85 !important; filter: blur(0.5px) brightness(0.95) !important; z-index: 5 !important; } /* اختیاری: افکت hover برای تعامل بیشتر */ .elementor-15 .elementor-element.elementor-element-a1f07b8 .swiper-slide:hover, .elementor-15 .elementor-element.elementor-element-a1f07b8 .wd-carousel-item:hover { transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important; opacity: 0.95 !important; filter: blur(0px) !important; z-index: 3 !important; } /* تنظیم ارتفاع و فاصله برای سازگاری با Woodmart */ .elementor-15 .elementor-element.elementor-element-a1f07b8 .swiper-slide img, .elementor-15 .elementor-element.elementor-element-a1f07b8 .wd-carousel-item img { height: 400px !important; /* ارتفاع دلخواه؛ بر اساس تصاویر شما تنظیم کنید */ object-fit: cover !important; } .elementor-15 .elementor-element.elementor-element-a1f07b8 .swiper-wrapper { padding: 20px 0 !important; /* فاصله عمودی برای عمق بهتر */ }/* End custom CSS */ /* Start custom CSS */#ct-carousel-item-actived .swiper-slide-active{ transform: perspective(1500px) rotateY(5deg) scale(0.96) translateZ(-20px) !important } @media screen and (min-width: 768px){ .ct-img:nth-child(3), .ct-img:nth-child(4){ direction: ltr } .ct-img > :nth-child(1){ overflow-x: hidden; width: 100%; transition: 1s; z-index: 1; max-width: unset !important } .ct-img:hover > :nth-child(1){ z-index: 2; } .ct-img > :nth-child(1) + div{ display: block; z-index: 2; transition: 1s; opacity: 0 } .ct-img:hover > :nth-child(1) + div{ opacity: 1 } .ct-img:hover > :nth-child(1), .ct-img img{ width: 500px !important; max-width: 500px } } @media screen and (min-width: 768px) and (max-width: 991px){ .ct-img:hover > :nth-child(1), .ct-img img{ width: 400px !important; max-width: 400px } }/* End custom CSS */