.elementor-306 .elementor-element.elementor-element-cbd2c67{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-29e7338{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-308e5e7{--display:flex;}.elementor-306 .elementor-element.elementor-element-308e5e7:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-308e5e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vipercade.com/wp-content/uploads/2026/06/imageye___-_imgi_85_s-5-2-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-306 .elementor-element.elementor-element-eba15b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-306 .elementor-element.elementor-element-118fcaa{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-306 .elementor-element.elementor-element-c7fe58b .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:55px;font-weight:600;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-1f12c4e .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:38px;font-weight:600;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-6b69a98 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-306 .elementor-element.elementor-element-add39cb .elementor-button{font-family:"moraba", Sans-serif;font-weight:500;}.elementor-306 .elementor-element.elementor-element-ef4a735{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-306 .elementor-element.elementor-element-8f39404{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-695f5ac{--display:flex;}.elementor-306 .elementor-element.elementor-element-695f5ac:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-695f5ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vipercade.com/wp-content/uploads/2026/06/imageye___-_imgi_85_s-5-2-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-306 .elementor-element.elementor-element-442ea5d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-306 .elementor-element.elementor-element-728f7fd{--display:flex;--justify-content:center;}.elementor-306 .elementor-element.elementor-element-2eb7d7f .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:55px;font-weight:600;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-7ac8a35 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:38px;font-weight:600;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-1ff91a3 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-2d8e5ae .elementor-button{font-family:"moraba", Sans-serif;font-weight:500;}.elementor-306 .elementor-element.elementor-element-f9d967a{--display:flex;}.elementor-306 .elementor-element.elementor-element-47b1582{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-542dfd8{--display:flex;}.elementor-306 .elementor-element.elementor-element-542dfd8:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-542dfd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vipercade.com/wp-content/uploads/2026/06/imageye___-_imgi_85_s-5-2-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-306 .elementor-element.elementor-element-ecd221c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-306 .elementor-element.elementor-element-5bda8a6{--display:flex;--justify-content:center;}.elementor-306 .elementor-element.elementor-element-5fa8701 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:55px;font-weight:600;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-457bfd7 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:38px;font-weight:600;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-947a119 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-aaa8515 .elementor-button{font-family:"moraba", Sans-serif;font-weight:500;}.elementor-306 .elementor-element.elementor-element-5ba95c8{--display:flex;}.elementor-306 .elementor-element.elementor-element-b75c6de{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-306 .elementor-element.elementor-element-53dc5b4{--display:flex;}.elementor-306 .elementor-element.elementor-element-c19abf0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-306 .elementor-element.elementor-element-c19abf0:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-c19abf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-306 .elementor-element.elementor-element-1645e99{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-306 .elementor-element.elementor-element-0fa4bab .elementor-heading-title{font-family:"moraba", Sans-serif;font-weight:600;}.elementor-306 .elementor-element.elementor-element-728c4e8 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:25px;font-weight:600;line-height:45px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-306 .elementor-element.elementor-element-5c6372f{--divider-border-style:squared;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;width:initial;max-width:initial;--divider-pattern-height:20px;--divider-pattern-size:20px;}.elementor-306 .elementor-element.elementor-element-5c6372f .elementor-divider-separator{width:80%;}.elementor-306 .elementor-element.elementor-element-5c6372f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-306 .elementor-element.elementor-element-4677aa2{font-family:"iranyekanx", Sans-serif;font-weight:400;color:#D9D9D9;}.elementor-306 .elementor-element.elementor-element-9e39aef{--display:flex;}.elementor-306 .elementor-element.elementor-element-c60d9bd{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-ab67f88{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-306 .elementor-element.elementor-element-4e8a2d3 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:28px;font-weight:600;color:#000000;}.elementor-306 .elementor-element.elementor-element-874f873 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:57px;font-weight:300;color:#FEE40278;}.elementor-306 .elementor-element.elementor-element-a7841dd{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-1f2aa7f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3E3E3;--border-color:#E3E3E3;--border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-1f2aa7f:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-1efb091 );--border-color:var( --e-global-color-1efb091 );--border-radius:8px 8px 8px 8px;--border-top-left-radius:8px;--border-top-right-radius:8px;--border-bottom-right-radius:8px;--border-bottom-left-radius:8px;}.elementor-306 .elementor-element.elementor-element-1f2aa7f, .elementor-306 .elementor-element.elementor-element-1f2aa7f::before{--border-transition:0.3s;}.elementor-306 .elementor-element.elementor-element-69b8b54{text-align:center;}.elementor-306 .elementor-element.elementor-element-69b8b54 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-20d85be{text-align:center;}.elementor-306 .elementor-element.elementor-element-20d85be .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-66b9a13{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3E3E3;--border-color:#E3E3E3;--border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-66b9a13:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-1efb091 );--border-color:var( --e-global-color-1efb091 );--border-radius:8px 8px 8px 8px;--border-top-left-radius:8px;--border-top-right-radius:8px;--border-bottom-right-radius:8px;--border-bottom-left-radius:8px;}.elementor-306 .elementor-element.elementor-element-66b9a13, .elementor-306 .elementor-element.elementor-element-66b9a13::before{--border-transition:0.3s;}.elementor-306 .elementor-element.elementor-element-78933ba{text-align:center;}.elementor-306 .elementor-element.elementor-element-78933ba .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-21619c8{text-align:center;}.elementor-306 .elementor-element.elementor-element-21619c8 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-8b14e8b{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3E3E3;--border-color:#E3E3E3;--border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-8b14e8b:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-1efb091 );--border-color:var( --e-global-color-1efb091 );--border-radius:8px 8px 8px 8px;--border-top-left-radius:8px;--border-top-right-radius:8px;--border-bottom-right-radius:8px;--border-bottom-left-radius:8px;}.elementor-306 .elementor-element.elementor-element-8b14e8b, .elementor-306 .elementor-element.elementor-element-8b14e8b::before{--border-transition:0.3s;}.elementor-306 .elementor-element.elementor-element-2d3b583{text-align:center;}.elementor-306 .elementor-element.elementor-element-2d3b583 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-8e84337{text-align:center;}.elementor-306 .elementor-element.elementor-element-8e84337 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-c5ab6fc{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3E3E3;--border-color:#E3E3E3;--border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-c5ab6fc:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-1efb091 );--border-color:var( --e-global-color-1efb091 );--border-radius:8px 8px 8px 8px;--border-top-left-radius:8px;--border-top-right-radius:8px;--border-bottom-right-radius:8px;--border-bottom-left-radius:8px;}.elementor-306 .elementor-element.elementor-element-c5ab6fc, .elementor-306 .elementor-element.elementor-element-c5ab6fc::before{--border-transition:0.3s;}.elementor-306 .elementor-element.elementor-element-a3becc0{text-align:center;}.elementor-306 .elementor-element.elementor-element-a3becc0 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-13af42b{text-align:center;}.elementor-306 .elementor-element.elementor-element-13af42b .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-420df54{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-306 .elementor-element.elementor-element-5a6068b{--display:flex;--min-height:350px;--justify-content:flex-end;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-5a6068b:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-5a6068b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vipercade.com/wp-content/uploads/2026/06/img-5-8_580x.webp");background-size:cover;}.elementor-306 .elementor-element.elementor-element-f21a598 .elementor-button{background-color:#61CE7000;font-family:"moraba", Sans-serif;font-size:20px;font-weight:800;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-306 .elementor-element.elementor-element-f21a598 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-306 .elementor-element.elementor-element-07ca535{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-07ca535:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-07ca535 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vipercade.com/wp-content/uploads/2026/06/img-5-9_900x.webp");background-size:cover;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-306 .elementor-element.elementor-element-e061f36{--iteration-count:infinite;padding:0px 0px 0px 0px;}.elementor-306 .elementor-element.elementor-element-e061f36 .elementor-headline{text-align:center;font-family:"moraba", Sans-serif;font-weight:600;}.elementor-306 .elementor-element.elementor-element-e061f36 .elementor-headline-plain-text{color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-e061f36 .elementor-headline-dynamic-text{font-family:"moraba", Sans-serif;font-weight:600;}.elementor-306 .elementor-element.elementor-element-8ffcf28{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-306 .elementor-element.elementor-element-8ffcf28 .elementor-heading-title{font-family:"iranyekanx", Sans-serif;font-size:12px;font-weight:400;color:#FFFFFF;}.elementor-widget-countdown .elementor-countdown-item{background-color:var( --e-global-color-primary );}.elementor-widget-countdown .elementor-countdown-digits{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-countdown .elementor-countdown-label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-countdown .elementor-countdown-expire--message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-306 .elementor-element.elementor-element-f8d95c4 .elementor-countdown-wrapper{max-width:100%;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-f8d95c4 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 12px/2 );}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-f8d95c4 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 12px/2 );}body.rtl .elementor-306 .elementor-element.elementor-element-f8d95c4 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 12px/2 );}body.rtl .elementor-306 .elementor-element.elementor-element-f8d95c4 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 12px/2 );}.elementor-306 .elementor-element.elementor-element-f8d95c4 .elementor-countdown-item{padding:15px 15px 15px 15px;border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-f8d95c4 .elementor-countdown-digits{color:#FFFFFF;font-family:"moraba", Sans-serif;font-size:35px;font-weight:400;}.elementor-306 .elementor-element.elementor-element-f8d95c4 .elementor-countdown-label{font-family:"moraba", Sans-serif;font-weight:400;}.elementor-306 .elementor-element.elementor-element-72b1487{--display:flex;--min-height:350px;--justify-content:flex-end;--overlay-opacity:0.5;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-72b1487:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-72b1487 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vipercade.com/wp-content/uploads/2026/06/img-5-6_580x.webp");background-size:cover;}.elementor-306 .elementor-element.elementor-element-72b1487::before, .elementor-306 .elementor-element.elementor-element-72b1487 > .elementor-background-video-container::before, .elementor-306 .elementor-element.elementor-element-72b1487 > .e-con-inner > .elementor-background-video-container::before, .elementor-306 .elementor-element.elementor-element-72b1487 > .elementor-background-slideshow::before, .elementor-306 .elementor-element.elementor-element-72b1487 > .e-con-inner > .elementor-background-slideshow::before, .elementor-306 .elementor-element.elementor-element-72b1487 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #000000 90%, #1A1A1A 100%);}.elementor-306 .elementor-element.elementor-element-455652c .elementor-button{background-color:#61CE7000;font-family:"moraba", Sans-serif;font-size:20px;font-weight:800;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-306 .elementor-element.elementor-element-455652c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-306 .elementor-element.elementor-element-e33db9d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-306 .elementor-element.elementor-element-1f24cf8{--display:flex;--min-height:300px;--justify-content:flex-end;--border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-1f24cf8:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-1f24cf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vipercade.com/wp-content/uploads/2026/06/img-5-7_900x.webp");background-size:cover;}.elementor-306 .elementor-element.elementor-element-f32535c .elementor-button{background-color:#61CE7000;font-family:"moraba", Sans-serif;font-size:20px;font-weight:800;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-306 .elementor-element.elementor-element-f32535c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-306 .elementor-element.elementor-element-aa6bca0{--display:flex;--min-height:300px;--justify-content:flex-end;--border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-aa6bca0:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-aa6bca0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vipercade.com/wp-content/uploads/2026/06/img-5-10_900x.webp");background-size:cover;}.elementor-306 .elementor-element.elementor-element-23bb5f7 .elementor-button{background-color:#61CE7000;font-family:"moraba", Sans-serif;font-size:20px;font-weight:800;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-306 .elementor-element.elementor-element-23bb5f7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-306 .elementor-element.elementor-element-2f06ab5{--display:flex;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-306 .elementor-element.elementor-element-5a12cfe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-306 .elementor-element.elementor-element-fb42b0c img{width:14.123rem;height:13.563rem;object-fit:cover;object-position:center center;border-radius:1.25rem 1.25rem 1.25rem 1.25rem;}.elementor-306 .elementor-element.elementor-element-206da10{width:var( --container-widget-width, 8.375rem );max-width:8.375rem;background-color:#F5BB76;--container-widget-width:8.375rem;--container-widget-flex-grow:0;bottom:0rem;border-radius:2rem 2rem 2rem 2rem;text-align:center;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-206da10{left:0px;}body.rtl .elementor-306 .elementor-element.elementor-element-206da10{right:0px;}.elementor-306 .elementor-element.elementor-element-206da10 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:14px;font-weight:700;line-height:2.125rem;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-030697c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-306 .elementor-element.elementor-element-7f5d093 img{width:14.123rem;height:13.563rem;object-fit:cover;object-position:center center;border-radius:1.25rem 1.25rem 1.25rem 1.25rem;}.elementor-306 .elementor-element.elementor-element-c07b417{width:var( --container-widget-width, 8.375rem );max-width:8.375rem;background-color:#002639;--container-widget-width:8.375rem;--container-widget-flex-grow:0;bottom:0rem;z-index:1;border-radius:2rem 2rem 2rem 2rem;text-align:center;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-c07b417{right:0px;}body.rtl .elementor-306 .elementor-element.elementor-element-c07b417{left:0px;}.elementor-306 .elementor-element.elementor-element-c07b417 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:14px;font-weight:700;line-height:2.125rem;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-a4d23f3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-f82e402 img{width:14.123rem;height:13.563rem;object-fit:cover;object-position:bottom right;border-radius:1.25rem 1.25rem 1.25rem 1.25rem;}.elementor-306 .elementor-element.elementor-element-f560bcb{width:var( --container-widget-width, 8.375rem );max-width:8.375rem;background-color:#FF5C7D;--container-widget-width:8.375rem;--container-widget-flex-grow:0;top:0px;z-index:1;border-radius:2rem 2rem 2rem 2rem;text-align:center;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-f560bcb{left:0px;}body.rtl .elementor-306 .elementor-element.elementor-element-f560bcb{right:0px;}.elementor-306 .elementor-element.elementor-element-f560bcb .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:14px;font-weight:700;line-height:2.125rem;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-b0190a8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-a4c43be img{width:14.123rem;height:13.563rem;object-fit:cover;object-position:bottom right;border-radius:1.25rem 1.25rem 1.25rem 1.25rem;}.elementor-306 .elementor-element.elementor-element-078acc2{width:var( --container-widget-width, 8.375rem );max-width:8.375rem;background-color:#EC4936;--container-widget-width:8.375rem;--container-widget-flex-grow:0;top:0px;z-index:1;border-radius:2rem 2rem 2rem 2rem;text-align:center;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-078acc2{right:0px;}body.rtl .elementor-306 .elementor-element.elementor-element-078acc2{left:0px;}.elementor-306 .elementor-element.elementor-element-078acc2 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:14px;font-weight:700;line-height:2.125rem;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-2e7e60a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-3956ddc img{width:14.123rem;height:13.563rem;object-fit:cover;object-position:top right;border-radius:1.25rem 1.25rem 1.25rem 1.25rem;}.elementor-306 .elementor-element.elementor-element-1ddf5c4{width:var( --container-widget-width, 8.375rem );max-width:8.375rem;background-color:#A2B07E;--container-widget-width:8.375rem;--container-widget-flex-grow:0;bottom:0rem;z-index:1;border-radius:2rem 2rem 2rem 2rem;text-align:center;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-1ddf5c4{left:0px;}body.rtl .elementor-306 .elementor-element.elementor-element-1ddf5c4{right:0px;}.elementor-306 .elementor-element.elementor-element-1ddf5c4 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:14px;font-weight:700;line-height:2.125rem;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-3c99eed{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-306 .elementor-element.elementor-element-269908f img{width:14.123rem;height:13.563rem;object-fit:cover;object-position:center center;border-radius:1.25rem 1.25rem 1.25rem 1.25rem;}.elementor-306 .elementor-element.elementor-element-632a1b6{width:var( --container-widget-width, 8.375rem );max-width:8.375rem;background-color:#F5BB76;--container-widget-width:8.375rem;--container-widget-flex-grow:0;bottom:0rem;border-radius:2rem 2rem 2rem 2rem;text-align:center;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-632a1b6{left:0px;}body.rtl .elementor-306 .elementor-element.elementor-element-632a1b6{right:0px;}.elementor-306 .elementor-element.elementor-element-632a1b6 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:14px;font-weight:700;line-height:2.125rem;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-82b50a2{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-offset-size:5px;--e-n-carousel-swiper-slides-gap:32.6px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0rem;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:-4.4rem;--e-n-carousel-arrow-next-right-align:100%;--e-n-carousel-arrow-next-translate-x:100%;--e-n-carousel-arrow-next-right-position:-2.7rem;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:-4.4rem;--e-n-carousel-arrow-size:1.5rem;--e-n-carousel-arrow-normal-color:#FFFFFF;--e-n-carousel-arrow-hover-color:#FFFFFF;--e-n-carousel-swiper-pagination-size:0.563rem;--e-n-carousel-dots-normal-color:var( --e-global-color-primary );--e-n-carousel-dots-hover-color:#FF4F6FC4;--e-n-carousel-swiper-pagination-spacing:2.688rem;}.elementor-306 .elementor-element.elementor-element-82b50a2 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-primary );border-radius:2rem 2rem 2rem 2rem;padding:0.4rem 0.4rem 0.4rem 0.4rem;}.elementor-306 .elementor-element.elementor-element-82b7059{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-306 .elementor-element.elementor-element-2554097{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-306 .elementor-element.elementor-element-b197826 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:28px;font-weight:600;color:#000000;}.elementor-306 .elementor-element.elementor-element-6ca3c44 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:57px;font-weight:300;color:#FEE40278;}.elementor-306 .elementor-element.elementor-element-eef60f6{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-28468c7{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3E3E3;--border-color:#E3E3E3;--border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-28468c7:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-1efb091 );--border-color:var( --e-global-color-1efb091 );--border-radius:8px 8px 8px 8px;--border-top-left-radius:8px;--border-top-right-radius:8px;--border-bottom-right-radius:8px;--border-bottom-left-radius:8px;}.elementor-306 .elementor-element.elementor-element-28468c7, .elementor-306 .elementor-element.elementor-element-28468c7::before{--border-transition:0.3s;}.elementor-306 .elementor-element.elementor-element-39c1705{text-align:center;}.elementor-306 .elementor-element.elementor-element-39c1705 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-685f934{text-align:center;}.elementor-306 .elementor-element.elementor-element-685f934 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-6953f7b{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3E3E3;--border-color:#E3E3E3;--border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-6953f7b:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-1efb091 );--border-color:var( --e-global-color-1efb091 );--border-radius:8px 8px 8px 8px;--border-top-left-radius:8px;--border-top-right-radius:8px;--border-bottom-right-radius:8px;--border-bottom-left-radius:8px;}.elementor-306 .elementor-element.elementor-element-6953f7b, .elementor-306 .elementor-element.elementor-element-6953f7b::before{--border-transition:0.3s;}.elementor-306 .elementor-element.elementor-element-cc11132{text-align:center;}.elementor-306 .elementor-element.elementor-element-cc11132 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-28bda9a{text-align:center;}.elementor-306 .elementor-element.elementor-element-28bda9a .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-24fb65c{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3E3E3;--border-color:#E3E3E3;--border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-24fb65c:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-1efb091 );--border-color:var( --e-global-color-1efb091 );--border-radius:8px 8px 8px 8px;--border-top-left-radius:8px;--border-top-right-radius:8px;--border-bottom-right-radius:8px;--border-bottom-left-radius:8px;}.elementor-306 .elementor-element.elementor-element-24fb65c, .elementor-306 .elementor-element.elementor-element-24fb65c::before{--border-transition:0.3s;}.elementor-306 .elementor-element.elementor-element-98243a1{text-align:center;}.elementor-306 .elementor-element.elementor-element-98243a1 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-479a48a{text-align:center;}.elementor-306 .elementor-element.elementor-element-479a48a .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-a92955e{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3E3E3;--border-color:#E3E3E3;--border-radius:8px 8px 8px 8px;}.elementor-306 .elementor-element.elementor-element-a92955e:hover{border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-1efb091 );--border-color:var( --e-global-color-1efb091 );--border-radius:8px 8px 8px 8px;--border-top-left-radius:8px;--border-top-right-radius:8px;--border-bottom-right-radius:8px;--border-bottom-left-radius:8px;}.elementor-306 .elementor-element.elementor-element-a92955e, .elementor-306 .elementor-element.elementor-element-a92955e::before{--border-transition:0.3s;}.elementor-306 .elementor-element.elementor-element-65cc269{text-align:center;}.elementor-306 .elementor-element.elementor-element-65cc269 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-fdd9eab{text-align:center;}.elementor-306 .elementor-element.elementor-element-fdd9eab .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-text );}.elementor-306 .elementor-element.elementor-element-5f59511{--display:flex;}.elementor-306 .elementor-element.elementor-element-5f59511:not(.elementor-motion-effects-element-type-background), .elementor-306 .elementor-element.elementor-element-5f59511 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vipercade.com/wp-content/uploads/2026/06/imageye___-_imgi_85_s-5-2-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-306 .elementor-element.elementor-element-8420665{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-306 .elementor-element.elementor-element-aeaaa35{--display:flex;--justify-content:center;}.elementor-306 .elementor-element.elementor-element-95de6e7 .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:55px;font-weight:600;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-feca6fa .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:38px;font-weight:600;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-16e980b .elementor-heading-title{font-family:"moraba", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-306 .elementor-element.elementor-element-6ddb17b{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-306 .elementor-element.elementor-element-cbd2c67{--content-width:100%;}.elementor-306 .elementor-element.elementor-element-29e7338{--content-width:100%;}.elementor-306 .elementor-element.elementor-element-eba15b4{--content-width:1366px;}.elementor-306 .elementor-element.elementor-element-8f39404{--content-width:100%;}.elementor-306 .elementor-element.elementor-element-442ea5d{--content-width:1366px;}.elementor-306 .elementor-element.elementor-element-47b1582{--content-width:100%;}.elementor-306 .elementor-element.elementor-element-ecd221c{--content-width:1366px;}.elementor-306 .elementor-element.elementor-element-53dc5b4{--content-width:1366px;}.elementor-306 .elementor-element.elementor-element-c19abf0{--content-width:1366px;}.elementor-306 .elementor-element.elementor-element-1645e99{--width:50%;}.elementor-306 .elementor-element.elementor-element-9e39aef{--width:50%;}.elementor-306 .elementor-element.elementor-element-c60d9bd{--content-width:1366px;}.elementor-306 .elementor-element.elementor-element-420df54{--content-width:1366px;}.elementor-306 .elementor-element.elementor-element-5a6068b{--width:25%;}.elementor-306 .elementor-element.elementor-element-07ca535{--width:50%;}.elementor-306 .elementor-element.elementor-element-72b1487{--width:25%;}.elementor-306 .elementor-element.elementor-element-e33db9d{--content-width:1366px;}.elementor-306 .elementor-element.elementor-element-1f24cf8{--width:50%;}.elementor-306 .elementor-element.elementor-element-aa6bca0{--width:50%;}.elementor-306 .elementor-element.elementor-element-5a12cfe{--width:14.123rem;}.elementor-306 .elementor-element.elementor-element-030697c{--width:14.123rem;}.elementor-306 .elementor-element.elementor-element-a4d23f3{--width:14.123rem;}.elementor-306 .elementor-element.elementor-element-b0190a8{--width:14.123rem;}.elementor-306 .elementor-element.elementor-element-2e7e60a{--width:14.123rem;}.elementor-306 .elementor-element.elementor-element-3c99eed{--width:14.123rem;}.elementor-306 .elementor-element.elementor-element-82b7059{--content-width:1366px;}.elementor-306 .elementor-element.elementor-element-8420665{--content-width:1366px;}}@media(max-width:1024px){.elementor-306 .elementor-element.elementor-element-b75c6de{--e-n-carousel-swiper-slides-to-display:2;}.elementor-306 .elementor-element.elementor-element-a7841dd{--grid-auto-flow:row;}.elementor-306 .elementor-element.elementor-element-82b50a2{--e-n-carousel-swiper-slides-to-display:3;}.elementor-306 .elementor-element.elementor-element-eef60f6{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-306 .elementor-element.elementor-element-b75c6de{--e-n-carousel-swiper-slides-to-display:1;}.elementor-306 .elementor-element.elementor-element-a7841dd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-306 .elementor-element.elementor-element-5a12cfe{--width:12rem;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-306 .elementor-element.elementor-element-fb42b0c img{width:100%;height:100%;}.elementor-306 .elementor-element.elementor-element-206da10{--container-widget-width:7.5rem;--container-widget-flex-grow:0;width:var( --container-widget-width, 7.5rem );max-width:7.5rem;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-206da10{left:0%;}body.rtl .elementor-306 .elementor-element.elementor-element-206da10{right:0%;}.elementor-306 .elementor-element.elementor-element-206da10 .elementor-heading-title{font-size:13px;}.elementor-306 .elementor-element.elementor-element-030697c{--width:12rem;}.elementor-306 .elementor-element.elementor-element-7f5d093 img{width:100%;height:100%;}.elementor-306 .elementor-element.elementor-element-c07b417{--container-widget-width:7.5rem;--container-widget-flex-grow:0;width:var( --container-widget-width, 7.5rem );max-width:7.5rem;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-c07b417{right:0%;}body.rtl .elementor-306 .elementor-element.elementor-element-c07b417{left:0%;}.elementor-306 .elementor-element.elementor-element-c07b417 .elementor-heading-title{font-size:13px;}.elementor-306 .elementor-element.elementor-element-a4d23f3{--width:12rem;}.elementor-306 .elementor-element.elementor-element-f82e402 img{width:100%;height:100%;}.elementor-306 .elementor-element.elementor-element-f560bcb{--container-widget-width:7.5rem;--container-widget-flex-grow:0;width:var( --container-widget-width, 7.5rem );max-width:7.5rem;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-f560bcb{left:0%;}body.rtl .elementor-306 .elementor-element.elementor-element-f560bcb{right:0%;}.elementor-306 .elementor-element.elementor-element-f560bcb .elementor-heading-title{font-size:13px;}.elementor-306 .elementor-element.elementor-element-b0190a8{--width:12rem;}.elementor-306 .elementor-element.elementor-element-a4c43be img{width:100%;height:100%;}.elementor-306 .elementor-element.elementor-element-078acc2{--container-widget-width:7.5rem;--container-widget-flex-grow:0;width:var( --container-widget-width, 7.5rem );max-width:7.5rem;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-078acc2{right:0%;}body.rtl .elementor-306 .elementor-element.elementor-element-078acc2{left:0%;}.elementor-306 .elementor-element.elementor-element-078acc2 .elementor-heading-title{font-size:13px;}.elementor-306 .elementor-element.elementor-element-2e7e60a{--width:12rem;}.elementor-306 .elementor-element.elementor-element-3956ddc img{width:100%;height:100%;}.elementor-306 .elementor-element.elementor-element-1ddf5c4{--container-widget-width:7.5rem;--container-widget-flex-grow:0;width:var( --container-widget-width, 7.5rem );max-width:7.5rem;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-1ddf5c4{left:0%;}body.rtl .elementor-306 .elementor-element.elementor-element-1ddf5c4{right:0%;}.elementor-306 .elementor-element.elementor-element-1ddf5c4 .elementor-heading-title{font-size:13px;}.elementor-306 .elementor-element.elementor-element-3c99eed{--width:12rem;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-306 .elementor-element.elementor-element-269908f img{width:100%;height:100%;}.elementor-306 .elementor-element.elementor-element-632a1b6{--container-widget-width:7.5rem;--container-widget-flex-grow:0;width:var( --container-widget-width, 7.5rem );max-width:7.5rem;}body:not(.rtl) .elementor-306 .elementor-element.elementor-element-632a1b6{left:0%;}body.rtl .elementor-306 .elementor-element.elementor-element-632a1b6{right:0%;}.elementor-306 .elementor-element.elementor-element-632a1b6 .elementor-heading-title{font-size:13px;}.elementor-306 .elementor-element.elementor-element-82b50a2{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-offset-size:10px;--e-n-carousel-swiper-slides-gap:16px;padding:0rem 0rem 0rem 0rem;--e-n-carousel-arrow-prev-left-position:0.9rem;--e-n-carousel-arrow-prev-top-position:-3.7rem;--e-n-carousel-arrow-next-right-position:-3.5rem;--e-n-carousel-arrow-next-top-position:-3.7rem;--e-n-carousel-arrow-size:1.3rem;}.elementor-306 .elementor-element.elementor-element-eef60f6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}}/* Start custom CSS for container, class: .elementor-element-1f2aa7f */.hover-zoom { width: 300px; padding: 40px; border-radius: 16px; transition: transform 0.4s ease; } .hover-zoom:hover { transform: scale(1.08); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-66b9a13 */.hover-zoom { width: 300px; padding: 40px; border-radius: 16px; transition: transform 0.4s ease; } .hover-zoom:hover { transform: scale(1.08); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8b14e8b */.hover-zoom { width: 300px; padding: 40px; border-radius: 16px; transition: transform 0.4s ease; } .hover-zoom:hover { transform: scale(1.08); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c5ab6fc */.hover-zoom { width: 300px; padding: 40px; border-radius: 16px; transition: transform 0.4s ease; } .hover-zoom:hover { transform: scale(1.08); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c60d9bd */.brand-carousel-items .swiper-wrapper .swiper-slide { width: max-content !important; } .brand-carousel-items .swiper-wrapper { gap: 0.5rem; } .slider-above-the-fold ul.jet-slick-dots { position: absolute !important; transform: translate(0, 26%); bottom: 0; padding: 1rem !important; width: max-content !important; } @media all and (max-width: 767px) { .slider-above-the-fold ul.jet-slick-dots { padding: 0 0.5rem !important; } } .slider-above-the-fold ul.jet-slick-dots li { width: 1.75rem !important; border-radius: 10px !important; height: 0.4rem !important; } .slider-above-the-fold .jet-listing-grid__slider .jet-slick-dots li.slick-active, .slider-above-the-fold .jet-listing-grid__slider .jet-slick-dots li:hover { background: #FF4F6F; } .slider-above-the-fold .jet-listing-grid__slider .jet-slick-dots li { background: #FFD8CF; transition: 0.3s; } .mag-carousels .jet-listing-grid__slider-icon { border-radius: 2rem !important; } .mag-carousels .jet-slick-dots { position: absolute; width: max-content !important; margin: 0 !important; bottom: -2.1em; gap: 0.5rem; } .mag-carousels .jet-listing-grid__slider .jet-slick-dots li { width: 0.563rem !important; height: 0.563rem !important; border-radius: 0.125rem !important; background: #ff4f6f66 !important; transition: 0.3s; } .mag-carousels .jet-listing-grid__slider .jet-slick-dots li.slick-active { background: #FF4F6F !important; } .slick-disabled { opacity: 0.7; } span.swiper-pagination-bullet { border-radius: 0.125rem; } .customers-carousel-wrapper span.swiper-pagination-bullet { background-color: #f9f9f9; } body.elementor-page-844:not(.elementor-motion-effects-element-type-background), body.elementor-page-844>.elementor-motion-effects-container>.elementor-motion-effects-layer { background-size: 100% 20% !important; } .make-it-invert-slider img { --r: 1.5rem; --s: 20px; --x: 85px; --y: -5px; border-radius: var(--r); } @media all and (max-width: 767px) { .make-it-invert-slider img { --r: 1rem; --s: 10px; } } .make-it-invert img { --r: 1.25rem; --s: 25px; --x: 100px; --y: 0px; border-radius: var(--r); } @media all and (max-width: 767px) { .make-it-invert img { --x: 84px; --y: -4px; } } .make-it-inverted-atr-card { --r: 20px; /* radius */ --s: 22px; /* size of the inner curve*/ border-radius: var(--r); --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%) no-repeat; } .atr-card-bottom-left { mask: calc(var(--s) + var(--r)) bottom var(--_m), bottom calc(var(--s) + var(--r)) left 0 var(--_m), radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) var(--r) calc(-1*var(--r)) no-repeat, conic-gradient(from 180deg at calc(var(--s) + 2*var(--r)) calc(100% - var(--s) - 2*var(--r)), #0000 25%, #000 0); } .invert-radius-bottom-left img { --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0); --_d: (var(--s) + var(--r)); mask: calc(var(--_d) + var(--x)) 100% var(--_m), 0 calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)), var(--_g) calc(var(--_d) + var(--x)) 0, var(--_g) 0 calc(-1*var(--_d) - var(--y)); mask-repeat: no-repeat; } .invert-radius-bottom-right img { --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)), #0000 25%, #000 0); --_d: (var(--s) + var(--r)); mask: calc(100% - var(--_d) - var(--x)) 100% var(--_m), 100% calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 100% 100%, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(-1*var(--_d) - var(--y)); mask-repeat: no-repeat; } .invert-radius-top-right img { --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(at calc(100% - var(--r)) var(--r), #0000 25%, #000 0); --_d: (var(--s) + var(--r)); mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y)); mask-repeat: no-repeat; } .invert-radius-top-left img { --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(at var(--r) var(--r), #000 75%, #0000 0); --_d: (var(--s) + var(--r)); mask: calc(var(--_d) + var(--x)) 0 var(--_m), 0 calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--s) at 0 0, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(var(--_d) + var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y)); mask-repeat: no-repeat; } .bottom-left { --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0); --_d: (var(--s) + var(--r)); mask: calc(var(--_d) + var(--x)) 100% var(--_m), 0 calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)), var(--_g) calc(var(--_d) + var(--x)) 0, var(--_g) 0 calc(-1*var(--_d) - var(--y)); mask-repeat: no-repeat; } .category-card-wrapper .title-card-category, .category-card-wrapper img { transition: 0.2s all ease !important; } @media all and (min-width: 768px) { .category-card-wrapper:hover { transform: scale(1.02); } .category-card-wrapper:hover .title-card-category { padding: 0 1rem; width: 9rem !important; transform: scale(1.01); margin-right: 0.3rem; } .category-card-wrapper:hover img { --x: 115px; } .clothes-esans.category-card-wrapper img, .hand-wash-esans.category-card-wrapper img, .dish-wash-esans.category-card-wrapper img, .khosbo-esans.category-card-wrapper img, .body-esans.category-card-wrapper img { --x: 125px; } .clothes-esans.category-card-wrapper:hover img, .hand-wash-esans.category-card-wrapper:hover img, .dish-wash-esans.category-card-wrapper:hover img, .khosbo-esans.category-card-wrapper:hover img, .body-esans.category-card-wrapper:hover img { --x: 146px; } .clothes-esans.category-card-wrapper:hover .title-card-category, .hand-wash-esans.category-card-wrapper:hover .title-card-category, .dish-wash-esans.category-card-wrapper:hover .title-card-category, .khosbo-esans.category-card-wrapper:hover .title-card-category, .body-esans.category-card-wrapper:hover .title-card-category { padding: 0 1rem; width: 11rem !important; transform: scale(1.01); margin-right: 0.3rem; } } /*Exclusive codes*/ .above-the-fold-style { height: 85px; display: flex; align-items: center; } @media all and (max-width: 767px) { .above-the-fold-style { height: auto; } } .about-us-btn-above-the-fold a, .contact-us-above-the-fold a { height: 2.25rem; display: flex; align-items: center; justify-content: center; } .slider-above-the-fold img { height: 24.125rem !important; border-radius: 1rem; object-fit: cover !important; } @media all and (max-width: 1200px) { .slider-above-the-fold img { height: 20rem !important; } } @media all and (min-width: 1200px) and (max-width: 1202px) { .elementor-element-176d087 { display: none !important; } } @media all and (max-width: 1024px) { .slider-above-the-fold img { height: 26rem !important; } } @media all and (max-width: 767px) { .slider-above-the-fold img { height: 17rem !important; } } @media all and (min-width: 1024px) and (max-width: 1026px) { .elementor-element-176d087 { display: none !important; } } .esans-items-carousel .swiper-wrapper { overflow: visible; margin-top: 0.5rem; } .esans-items-carousel .swiper-slide { overflow: visible; } .colony-esans { filter: drop-shadow(0 0 2px rgba(245, 187, 118, 1)); } .atr-men { filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1)); } .atr-women { filter: drop-shadow(0 0 4px rgba(255, 92, 125, 0.3)); } .cosmetic-esans { filter: drop-shadow(0 0 4px rgba(236, 73, 54, 0.3)); } .shoyande-esans { filter: drop-shadow(0 0 4px rgba(162, 176, 126, 0.3)); } .industry-esans { filter: drop-shadow(0 0 4px rgba(218, 124, 17, 0.3)); } .alaf-esans { filter: drop-shadow(0 0 4px rgba(219, 198, 231, 1)); } .dish-wash-esans { filter: drop-shadow(0 0 4px rgba(0, 154, 138, 0.1)); } .hand-wash-esans { filter: drop-shadow(0 0 4px rgba(247, 223, 173, 0.3)); } .clothes-esans { filter: drop-shadow(0 0 4px rgba(174, 112, 182, 0.3)); } .shampoo-esans { filter: drop-shadow(0 0 4px rgba(42, 165, 160, 0.3)); } .soap-esans { filter: drop-shadow(0 0 4px rgba(218, 119, 86, 0.1)); } .khosbo-esans { filter: drop-shadow(0 0 4px rgba(63, 148, 161, 0.3)); } .body-esans { filter: drop-shadow(0 0 4px rgba(164, 184, 172, 0.4)); } .cream-esans { filter: drop-shadow(0 0 4px rgba(219, 191, 147, 0.3)); } .atr-item-card-glass:hover .atr-card-title { color: #DD097C; } .atr-item-card-glass:hover .atr-card-btn { background-color: #DD097C; } .atr-item-card-glass:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-plastic:hover .atr-card-title { color: #388a16; } .atr-item-card-plastic:hover .atr-card-btn { background-color: #388a16; } .atr-item-card-plastic:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-spot:hover .atr-card-title { color: #3f8594; } .atr-item-card-spot:hover .atr-card-btn { background-color: #3f8594; } .atr-item-card-spot:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-walf:hover .atr-card-title { color: #aa66ed; } .atr-item-card-walf:hover .atr-card-btn { background-color: #aa66ed; } .atr-item-card-walf:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-tough:hover .atr-card-title { color: #ff9c34; } .atr-item-card-tough:hover .atr-card-btn { background-color: #ff9c34; } .atr-item-card-tough:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-tough-zan:hover .atr-card-title { color: #ffbe59; } .atr-item-card-tough-zan:hover .atr-card-btn { background-color: #ffbe59; } .atr-item-card-tough-zan:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-pressmachine:hover .atr-card-title { color: #92302A; } .atr-item-card-pressmachine:hover .atr-card-btn { background-color: #92302A; } .atr-item-card-pressmachine:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-porkon:hover .atr-card-title { color: #9E6325; } .atr-item-card-porkon:hover .atr-card-btn { background-color: #9E6325; } .atr-item-card-porkon:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-hallal:hover .atr-card-title { color: #108433; } .atr-item-card-hallal:hover .atr-card-btn { background-color: #108433; } .atr-item-card-hallal:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-water:hover .atr-card-title { color: #09736E; } .atr-item-card-water:hover .atr-card-btn { background-color: #09736E; } .atr-item-card-water:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-mandegar:hover .atr-card-title { color: #975300; } .atr-item-card-mandegar:hover .atr-card-btn { background-color: #975300; } .atr-item-card-mandegar:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-negahdarande:hover .atr-card-title { color: #9E6A0A; } .atr-item-card-negahdarande:hover .atr-card-btn { background-color: #9E6A0A; } .atr-item-card-negahdarande:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-plastic { filter: drop-shadow(0 0 6px rgba(213, 232, 210, 0.2)); } .atr-item-card-glass { filter: drop-shadow(0 0 6px rgba(252, 220, 221, 0.2)); } .atr-item-card-spot { filter: drop-shadow(0 0 6px rgba(175, 217, 220, 0.2)); } .atr-item-card-walf { filter: drop-shadow(0 0 6px rgba(237, 219, 254, 0.2)); } .atr-item-card-tough { filter: drop-shadow(0 0 6px rgba(255, 227, 190, 0.2)); } .atr-item-card-tough-zan { filter: drop-shadow(0 0 6px rgba(254, 246, 225, 0.2)); } .atr-item-card-pressmachine { filter: drop-shadow(0 0 6px rgba(252, 163, 157, 0.2)); } .atr-item-card-porkon { filter: drop-shadow(0 0 6px rgba(253, 225, 196, 0.2)); } .atr-item-card-hallal { filter: drop-shadow(0 0 6px rgba(182, 225, 195, 0.2)); } .atr-item-card-water { filter: drop-shadow(0 0 6px rgba(181, 241, 238, 0.2)); } .atr-item-card-mandegar { filter: drop-shadow(0 0 6px rgba(228, 202, 170, 0.2)); } .atr-item-card-negahdarande { filter: drop-shadow(0 0 6px rgba(253, 247, 236, 0.2)); } .perfume-tools .e-n-carousel.swiper { padding-top: 1rem; } .customers-quote { height: 3.188rem; } :root { /* ماسک حالت عادی */ --mask-normal: url("data:image/svg+xml,%3Csvg width='629' height='214' viewBox='0 0 629 214' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M629 26C629 34.2843 622.284 41 614 41H606C597.716 41 591 47.7157 591 56V159C591 167.284 597.716 174 606 174H614C622.284 174 629 180.716 629 189V199C629 207.284 622.284 214 614 214H15C6.71574 214 0 207.284 0 199V15C0 6.71573 6.71573 0 15 0H614C622.284 0 629 6.71573 629 15V26Z' fill='black'/%3E%3C/svg%3E"); /* ماسک حالت هاور */ --mask-hover: url("data:image/svg+xml,%3Csvg%20width%3D%22629%22%20height%3D%22214%22%20viewBox%3D%220%200%20629%20214%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M629%2026C629%2034.2843%20622.284%2041%20614%2041H606C597.716%2041%20591%2047.7157%20591%2056V159C591%20167.284%20597.716%20174%20606%20174H614C622.284%20174%20629%20180.716%20629%20189V199C629%20207.284%20622.284%20214%20614%20214H15C6.71574%20214%200%20207.284%200%20199V189C0%20180.716%206.71573%20174%2015%20174H23C31.2843%20174%2038%20167.284%2038%20159V56C38%2047.7157%2031.2843%2041%2023%2041H15C6.71573%2041%200%2034.2843%200%2026V15C0%206.71573%206.71573%200%2015%200H614C622.284%200%20629%206.71573%20629%2015V26Z%22%20fill%3D%22black%22%2F%3E%3C/svg%3E"); ; --gradient-normal: linear-gradient(180deg, rgba(255, 79, 111, 0.27) 0%, #FF4F6F 81.25%); --gradient-hover: linear-gradient(180deg, rgba(255, 79, 111, 0.27) 0%, #FF4F6F 81.25%); --mask-normal-other-side: url("data:image/svg+xml,%3Csvg width='629' height='214' viewBox='0 0 629 214' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M629 199C629 207.28 622.28 214 614 214H15C6.71 214 0 207.28 0 199V189C0 180.71 6.71 174 15 174H23C31.28 174 38 167.28 38 159V56C38 47.71 31.28 41 23 41H15C6.71 41 0 34.28 0 26V15C0 6.71 6.71 0 15 0H614C622.28 0 629 6.71 629 15V199Z' fill='black'/%3E%3C/svg%3E"); } .khat-tolid { isolation: isolate; } .fancy-card { position: relative; inset: 0; z-index: 1; -webkit-mask-image: var(--mask-normal); mask-image: var(--mask-normal); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: none; } .fancy-card-other-side::before { content: ''; position: absolute; inset: 0; z-index: 2; background: var(--gradient-normal); -webkit-mask-image: var(--mask-normal-other-side); mask-image: var(--mask-normal-other-side); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-position: center; opacity: 1; transition: opacity 0.3s ease; pointer-events: none; } .fancy-card-other-side::after { content: ''; position: absolute; inset: 0; z-index: 3; background: var(--gradient-hover); -webkit-mask-image: var(--mask-hover); mask-image: var(--mask-hover); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-position: center; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .fancy-card img, .fancy-card-other-side img { width: 100%; height: 100%; object-fit: cover; } .fancy-card::before { content: ''; position: absolute; inset: 0; z-index: 2; background: var(--gradient-normal); -webkit-mask-image: var(--mask-normal); mask-image: var(--mask-normal); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-position: center; opacity: 1; transition: opacity 0.3s ease; pointer-events: none; } .fancy-card::after { content: ''; position: absolute; inset: 0; z-index: 3; background: var(--gradient-hover); -webkit-mask-image: var(--mask-hover); mask-image: var(--mask-hover); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-position: center; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card::before, .khat-tolid:hover .fancy-card::before { opacity: 0; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-other-side::before, .khat-tolid:hover .fancy-card-other-side::before { opacity: 0; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card::after, .khat-tolid:hover .fancy-card::after { opacity: 1; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-other-side::after, .khat-tolid:hover .fancy-card-other-side::after { opacity: 1; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card, .khat-tolid:hover .fancy-card { -webkit-mask-image: var(--mask-hover); mask-image: var(--mask-hover); } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-other-side, .khat-tolid:hover .fancy-card-other-side { -webkit-mask-image: var(--mask-hover); mask-image: var(--mask-hover); } .logo-type-consultant { opacity: 0; transition: 0.4s all; position: absolute; transform: translateY(50%) scale(1.2); } .fancy-card-en-text { opacity: 0.7; visibility: visible; transition: 0.5s all; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-en-text, .khat-tolid:hover .fancy-card-en-text { opacity: 1; color: #FF4F6F; } .khat-tolid:has(.fancy-card-text-section:hover) .logo-type-consultant, .khat-tolid:hover .logo-type-consultant { opacity: 1; transform: translateY(50%) translateX(0); } .en-right-txt { position: absolute; transform: rotate(90deg) translateY(50%) scale(1); transition: transform .5s cubic-bezier(.4, 0, .2, 1); } .fancy-card-en-text { opacity: 1; transform: translate(50%, 3.5rem); transition: opacity .4s ease, transform .4s ease; } .khat-tolid:hover .fancy-card-text-section .fancy-card-en-text { opacity: 1; transform: translate(50%, 0); } .khat-tolid:hover .fancy-card-text-section .push-up-forse { transform: translate(0, -2.25rem); } @media all and (max-width: 767px){ .khat-tolid:hover .fancy-card-text-section .push-up-forse { transform: translate(0, -1.25rem); } } .khat-tolid:hover .en-right-txt { transform: scale(0.9) translateX(-1rem) rotate(90deg); } .khat-tolid { overflow: hidden; } .khat-tolid .fancy-card img, .khat-tolid .fancy-card-other-side img { transition: 0.3s all; } .khat-tolid:hover .fancy-card img, .khat-tolid:hover .fancy-card-other-side img { transform: translateY(-0.625rem); } /* ۱. شکل‌دهی به کانتینر اصلی و سفید کردن پس‌زمینه آن */ .fancy-card-other-side { background-color: #ffffff !important; /* رنگ اصلی زبانه */ -webkit-mask-image: var(--mask-normal-other-side); mask-image: var(--mask-normal-other-side); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; transition: mask-image 0.3s ease; position: relative; overflow: hidden; } /* ۲. لایه رنگی قرمز (فقط روی بدنه کارت، نه روی زبانه) */ .fancy-card-other-side::before { content: ''; position: absolute; inset: 0; left: 6.1%; /* شروع گرادینت بعد از زبانه سمت چپ */ background: var(--gradient-normal); z-index: 1; opacity: 1; transition: opacity 0.3s ease; } /* ۳. لایه هاور (در حالت هاور زبانه راست هم اضافه می‌شود) */ .fancy-card-other-side::after { content: ''; position: absolute; inset: 0; /*left: 6.1%; right: 6.1%;*/ /* چون ماسک هاور دو زبانه دارد، لایه قرمز را از دو طرف محدود می‌کنیم */ background: var(--gradient-hover); z-index: 2; opacity: 0; transition: opacity 0.3s ease; } /* ۴. تغییر ماسک و نمایش لایه هاور */ .khat-tolid:hover .fancy-card-other-side { -webkit-mask-image: var(--mask-hover); mask-image: var(--mask-hover); } .khat-tolid:hover .fancy-card-other-side::before { opacity: 0; } .khat-tolid:hover .fancy-card-other-side::after { opacity: 1; } /* اطمینان از قرارگیری متن‌ها روی لایه‌های رنگی */ .fancy-card-text-section, .en-right-txt, .logo-type-consultant { z-index: 5; } .atr-card-hover { transform-origin: top left; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); will-change: transform; } .atr-card-hover:hover { transform: scale(1.05); }l/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a6068b */.hover-zoom2 { transition: transform 0.4s ease; } .hover-zoom2:hover { transform: scale(1.05); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-28468c7 */.hover-zoom { width: 300px; padding: 40px; border-radius: 16px; transition: transform 0.4s ease; } .hover-zoom:hover { transform: scale(1.08); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6953f7b */.hover-zoom { width: 300px; padding: 40px; border-radius: 16px; transition: transform 0.4s ease; } .hover-zoom:hover { transform: scale(1.08); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-24fb65c */.hover-zoom { width: 300px; padding: 40px; border-radius: 16px; transition: transform 0.4s ease; } .hover-zoom:hover { transform: scale(1.08); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a92955e */.hover-zoom { width: 300px; padding: 40px; border-radius: 16px; transition: transform 0.4s ease; } .hover-zoom:hover { transform: scale(1.08); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-82b7059 */.brand-carousel-items .swiper-wrapper .swiper-slide { width: max-content !important; } .brand-carousel-items .swiper-wrapper { gap: 0.5rem; } .slider-above-the-fold ul.jet-slick-dots { position: absolute !important; transform: translate(0, 26%); bottom: 0; padding: 1rem !important; width: max-content !important; } @media all and (max-width: 767px) { .slider-above-the-fold ul.jet-slick-dots { padding: 0 0.5rem !important; } } .slider-above-the-fold ul.jet-slick-dots li { width: 1.75rem !important; border-radius: 10px !important; height: 0.4rem !important; } .slider-above-the-fold .jet-listing-grid__slider .jet-slick-dots li.slick-active, .slider-above-the-fold .jet-listing-grid__slider .jet-slick-dots li:hover { background: #FF4F6F; } .slider-above-the-fold .jet-listing-grid__slider .jet-slick-dots li { background: #FFD8CF; transition: 0.3s; } .mag-carousels .jet-listing-grid__slider-icon { border-radius: 2rem !important; } .mag-carousels .jet-slick-dots { position: absolute; width: max-content !important; margin: 0 !important; bottom: -2.1em; gap: 0.5rem; } .mag-carousels .jet-listing-grid__slider .jet-slick-dots li { width: 0.563rem !important; height: 0.563rem !important; border-radius: 0.125rem !important; background: #ff4f6f66 !important; transition: 0.3s; } .mag-carousels .jet-listing-grid__slider .jet-slick-dots li.slick-active { background: #FF4F6F !important; } .slick-disabled { opacity: 0.7; } span.swiper-pagination-bullet { border-radius: 0.125rem; } .customers-carousel-wrapper span.swiper-pagination-bullet { background-color: #f9f9f9; } body.elementor-page-844:not(.elementor-motion-effects-element-type-background), body.elementor-page-844>.elementor-motion-effects-container>.elementor-motion-effects-layer { background-size: 100% 20% !important; } .make-it-invert-slider img { --r: 1.5rem; --s: 20px; --x: 85px; --y: -5px; border-radius: var(--r); } @media all and (max-width: 767px) { .make-it-invert-slider img { --r: 1rem; --s: 10px; } } .make-it-invert img { --r: 1.25rem; --s: 25px; --x: 100px; --y: 0px; border-radius: var(--r); } @media all and (max-width: 767px) { .make-it-invert img { --x: 84px; --y: -4px; } } .make-it-inverted-atr-card { --r: 20px; /* radius */ --s: 22px; /* size of the inner curve*/ border-radius: var(--r); --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%) no-repeat; } .atr-card-bottom-left { mask: calc(var(--s) + var(--r)) bottom var(--_m), bottom calc(var(--s) + var(--r)) left 0 var(--_m), radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) var(--r) calc(-1*var(--r)) no-repeat, conic-gradient(from 180deg at calc(var(--s) + 2*var(--r)) calc(100% - var(--s) - 2*var(--r)), #0000 25%, #000 0); } .invert-radius-bottom-left img { --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0); --_d: (var(--s) + var(--r)); mask: calc(var(--_d) + var(--x)) 100% var(--_m), 0 calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)), var(--_g) calc(var(--_d) + var(--x)) 0, var(--_g) 0 calc(-1*var(--_d) - var(--y)); mask-repeat: no-repeat; } .invert-radius-bottom-right img { --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)), #0000 25%, #000 0); --_d: (var(--s) + var(--r)); mask: calc(100% - var(--_d) - var(--x)) 100% var(--_m), 100% calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 100% 100%, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(-1*var(--_d) - var(--y)); mask-repeat: no-repeat; } .invert-radius-top-right img { --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(at calc(100% - var(--r)) var(--r), #0000 25%, #000 0); --_d: (var(--s) + var(--r)); mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y)); mask-repeat: no-repeat; } .invert-radius-top-left img { --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(at var(--r) var(--r), #000 75%, #0000 0); --_d: (var(--s) + var(--r)); mask: calc(var(--_d) + var(--x)) 0 var(--_m), 0 calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--s) at 0 0, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(var(--_d) + var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y)); mask-repeat: no-repeat; } .bottom-left { --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0); --_d: (var(--s) + var(--r)); mask: calc(var(--_d) + var(--x)) 100% var(--_m), 0 calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)), var(--_g) calc(var(--_d) + var(--x)) 0, var(--_g) 0 calc(-1*var(--_d) - var(--y)); mask-repeat: no-repeat; } .category-card-wrapper .title-card-category, .category-card-wrapper img { transition: 0.2s all ease !important; } @media all and (min-width: 768px) { .category-card-wrapper:hover { transform: scale(1.02); } .category-card-wrapper:hover .title-card-category { padding: 0 1rem; width: 9rem !important; transform: scale(1.01); margin-right: 0.3rem; } .category-card-wrapper:hover img { --x: 115px; } .clothes-esans.category-card-wrapper img, .hand-wash-esans.category-card-wrapper img, .dish-wash-esans.category-card-wrapper img, .khosbo-esans.category-card-wrapper img, .body-esans.category-card-wrapper img { --x: 125px; } .clothes-esans.category-card-wrapper:hover img, .hand-wash-esans.category-card-wrapper:hover img, .dish-wash-esans.category-card-wrapper:hover img, .khosbo-esans.category-card-wrapper:hover img, .body-esans.category-card-wrapper:hover img { --x: 146px; } .clothes-esans.category-card-wrapper:hover .title-card-category, .hand-wash-esans.category-card-wrapper:hover .title-card-category, .dish-wash-esans.category-card-wrapper:hover .title-card-category, .khosbo-esans.category-card-wrapper:hover .title-card-category, .body-esans.category-card-wrapper:hover .title-card-category { padding: 0 1rem; width: 11rem !important; transform: scale(1.01); margin-right: 0.3rem; } } /*Exclusive codes*/ .above-the-fold-style { height: 85px; display: flex; align-items: center; } @media all and (max-width: 767px) { .above-the-fold-style { height: auto; } } .about-us-btn-above-the-fold a, .contact-us-above-the-fold a { height: 2.25rem; display: flex; align-items: center; justify-content: center; } .slider-above-the-fold img { height: 24.125rem !important; border-radius: 1rem; object-fit: cover !important; } @media all and (max-width: 1200px) { .slider-above-the-fold img { height: 20rem !important; } } @media all and (min-width: 1200px) and (max-width: 1202px) { .elementor-element-176d087 { display: none !important; } } @media all and (max-width: 1024px) { .slider-above-the-fold img { height: 26rem !important; } } @media all and (max-width: 767px) { .slider-above-the-fold img { height: 17rem !important; } } @media all and (min-width: 1024px) and (max-width: 1026px) { .elementor-element-176d087 { display: none !important; } } .esans-items-carousel .swiper-wrapper { overflow: visible; margin-top: 0.5rem; } .esans-items-carousel .swiper-slide { overflow: visible; } .colony-esans { filter: drop-shadow(0 0 2px rgba(245, 187, 118, 1)); } .atr-men { filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1)); } .atr-women { filter: drop-shadow(0 0 4px rgba(255, 92, 125, 0.3)); } .cosmetic-esans { filter: drop-shadow(0 0 4px rgba(236, 73, 54, 0.3)); } .shoyande-esans { filter: drop-shadow(0 0 4px rgba(162, 176, 126, 0.3)); } .industry-esans { filter: drop-shadow(0 0 4px rgba(218, 124, 17, 0.3)); } .alaf-esans { filter: drop-shadow(0 0 4px rgba(219, 198, 231, 1)); } .dish-wash-esans { filter: drop-shadow(0 0 4px rgba(0, 154, 138, 0.1)); } .hand-wash-esans { filter: drop-shadow(0 0 4px rgba(247, 223, 173, 0.3)); } .clothes-esans { filter: drop-shadow(0 0 4px rgba(174, 112, 182, 0.3)); } .shampoo-esans { filter: drop-shadow(0 0 4px rgba(42, 165, 160, 0.3)); } .soap-esans { filter: drop-shadow(0 0 4px rgba(218, 119, 86, 0.1)); } .khosbo-esans { filter: drop-shadow(0 0 4px rgba(63, 148, 161, 0.3)); } .body-esans { filter: drop-shadow(0 0 4px rgba(164, 184, 172, 0.4)); } .cream-esans { filter: drop-shadow(0 0 4px rgba(219, 191, 147, 0.3)); } .atr-item-card-glass:hover .atr-card-title { color: #DD097C; } .atr-item-card-glass:hover .atr-card-btn { background-color: #DD097C; } .atr-item-card-glass:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-plastic:hover .atr-card-title { color: #388a16; } .atr-item-card-plastic:hover .atr-card-btn { background-color: #388a16; } .atr-item-card-plastic:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-spot:hover .atr-card-title { color: #3f8594; } .atr-item-card-spot:hover .atr-card-btn { background-color: #3f8594; } .atr-item-card-spot:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-walf:hover .atr-card-title { color: #aa66ed; } .atr-item-card-walf:hover .atr-card-btn { background-color: #aa66ed; } .atr-item-card-walf:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-tough:hover .atr-card-title { color: #ff9c34; } .atr-item-card-tough:hover .atr-card-btn { background-color: #ff9c34; } .atr-item-card-tough:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-tough-zan:hover .atr-card-title { color: #ffbe59; } .atr-item-card-tough-zan:hover .atr-card-btn { background-color: #ffbe59; } .atr-item-card-tough-zan:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-pressmachine:hover .atr-card-title { color: #92302A; } .atr-item-card-pressmachine:hover .atr-card-btn { background-color: #92302A; } .atr-item-card-pressmachine:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-porkon:hover .atr-card-title { color: #9E6325; } .atr-item-card-porkon:hover .atr-card-btn { background-color: #9E6325; } .atr-item-card-porkon:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-hallal:hover .atr-card-title { color: #108433; } .atr-item-card-hallal:hover .atr-card-btn { background-color: #108433; } .atr-item-card-hallal:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-water:hover .atr-card-title { color: #09736E; } .atr-item-card-water:hover .atr-card-btn { background-color: #09736E; } .atr-item-card-water:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-mandegar:hover .atr-card-title { color: #975300; } .atr-item-card-mandegar:hover .atr-card-btn { background-color: #975300; } .atr-item-card-mandegar:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-negahdarande:hover .atr-card-title { color: #9E6A0A; } .atr-item-card-negahdarande:hover .atr-card-btn { background-color: #9E6A0A; } .atr-item-card-negahdarande:hover .atr-card-btn svg path { fill: #fff; } .atr-item-card-plastic { filter: drop-shadow(0 0 6px rgba(213, 232, 210, 0.2)); } .atr-item-card-glass { filter: drop-shadow(0 0 6px rgba(252, 220, 221, 0.2)); } .atr-item-card-spot { filter: drop-shadow(0 0 6px rgba(175, 217, 220, 0.2)); } .atr-item-card-walf { filter: drop-shadow(0 0 6px rgba(237, 219, 254, 0.2)); } .atr-item-card-tough { filter: drop-shadow(0 0 6px rgba(255, 227, 190, 0.2)); } .atr-item-card-tough-zan { filter: drop-shadow(0 0 6px rgba(254, 246, 225, 0.2)); } .atr-item-card-pressmachine { filter: drop-shadow(0 0 6px rgba(252, 163, 157, 0.2)); } .atr-item-card-porkon { filter: drop-shadow(0 0 6px rgba(253, 225, 196, 0.2)); } .atr-item-card-hallal { filter: drop-shadow(0 0 6px rgba(182, 225, 195, 0.2)); } .atr-item-card-water { filter: drop-shadow(0 0 6px rgba(181, 241, 238, 0.2)); } .atr-item-card-mandegar { filter: drop-shadow(0 0 6px rgba(228, 202, 170, 0.2)); } .atr-item-card-negahdarande { filter: drop-shadow(0 0 6px rgba(253, 247, 236, 0.2)); } .perfume-tools .e-n-carousel.swiper { padding-top: 1rem; } .customers-quote { height: 3.188rem; } :root { /* ماسک حالت عادی */ --mask-normal: url("data:image/svg+xml,%3Csvg width='629' height='214' viewBox='0 0 629 214' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M629 26C629 34.2843 622.284 41 614 41H606C597.716 41 591 47.7157 591 56V159C591 167.284 597.716 174 606 174H614C622.284 174 629 180.716 629 189V199C629 207.284 622.284 214 614 214H15C6.71574 214 0 207.284 0 199V15C0 6.71573 6.71573 0 15 0H614C622.284 0 629 6.71573 629 15V26Z' fill='black'/%3E%3C/svg%3E"); /* ماسک حالت هاور */ --mask-hover: url("data:image/svg+xml,%3Csvg%20width%3D%22629%22%20height%3D%22214%22%20viewBox%3D%220%200%20629%20214%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M629%2026C629%2034.2843%20622.284%2041%20614%2041H606C597.716%2041%20591%2047.7157%20591%2056V159C591%20167.284%20597.716%20174%20606%20174H614C622.284%20174%20629%20180.716%20629%20189V199C629%20207.284%20622.284%20214%20614%20214H15C6.71574%20214%200%20207.284%200%20199V189C0%20180.716%206.71573%20174%2015%20174H23C31.2843%20174%2038%20167.284%2038%20159V56C38%2047.7157%2031.2843%2041%2023%2041H15C6.71573%2041%200%2034.2843%200%2026V15C0%206.71573%206.71573%200%2015%200H614C622.284%200%20629%206.71573%20629%2015V26Z%22%20fill%3D%22black%22%2F%3E%3C/svg%3E"); ; --gradient-normal: linear-gradient(180deg, rgba(255, 79, 111, 0.27) 0%, #FF4F6F 81.25%); --gradient-hover: linear-gradient(180deg, rgba(255, 79, 111, 0.27) 0%, #FF4F6F 81.25%); --mask-normal-other-side: url("data:image/svg+xml,%3Csvg width='629' height='214' viewBox='0 0 629 214' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M629 199C629 207.28 622.28 214 614 214H15C6.71 214 0 207.28 0 199V189C0 180.71 6.71 174 15 174H23C31.28 174 38 167.28 38 159V56C38 47.71 31.28 41 23 41H15C6.71 41 0 34.28 0 26V15C0 6.71 6.71 0 15 0H614C622.28 0 629 6.71 629 15V199Z' fill='black'/%3E%3C/svg%3E"); } .khat-tolid { isolation: isolate; } .fancy-card { position: relative; inset: 0; z-index: 1; -webkit-mask-image: var(--mask-normal); mask-image: var(--mask-normal); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: none; } .fancy-card-other-side::before { content: ''; position: absolute; inset: 0; z-index: 2; background: var(--gradient-normal); -webkit-mask-image: var(--mask-normal-other-side); mask-image: var(--mask-normal-other-side); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-position: center; opacity: 1; transition: opacity 0.3s ease; pointer-events: none; } .fancy-card-other-side::after { content: ''; position: absolute; inset: 0; z-index: 3; background: var(--gradient-hover); -webkit-mask-image: var(--mask-hover); mask-image: var(--mask-hover); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-position: center; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .fancy-card img, .fancy-card-other-side img { width: 100%; height: 100%; object-fit: cover; } .fancy-card::before { content: ''; position: absolute; inset: 0; z-index: 2; background: var(--gradient-normal); -webkit-mask-image: var(--mask-normal); mask-image: var(--mask-normal); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-position: center; opacity: 1; transition: opacity 0.3s ease; pointer-events: none; } .fancy-card::after { content: ''; position: absolute; inset: 0; z-index: 3; background: var(--gradient-hover); -webkit-mask-image: var(--mask-hover); mask-image: var(--mask-hover); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-position: center; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card::before, .khat-tolid:hover .fancy-card::before { opacity: 0; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-other-side::before, .khat-tolid:hover .fancy-card-other-side::before { opacity: 0; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card::after, .khat-tolid:hover .fancy-card::after { opacity: 1; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-other-side::after, .khat-tolid:hover .fancy-card-other-side::after { opacity: 1; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card, .khat-tolid:hover .fancy-card { -webkit-mask-image: var(--mask-hover); mask-image: var(--mask-hover); } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-other-side, .khat-tolid:hover .fancy-card-other-side { -webkit-mask-image: var(--mask-hover); mask-image: var(--mask-hover); } .logo-type-consultant { opacity: 0; transition: 0.4s all; position: absolute; transform: translateY(50%) scale(1.2); } .fancy-card-en-text { opacity: 0.7; visibility: visible; transition: 0.5s all; } .khat-tolid:has(.fancy-card-text-section:hover) .fancy-card-en-text, .khat-tolid:hover .fancy-card-en-text { opacity: 1; color: #FF4F6F; } .khat-tolid:has(.fancy-card-text-section:hover) .logo-type-consultant, .khat-tolid:hover .logo-type-consultant { opacity: 1; transform: translateY(50%) translateX(0); } .en-right-txt { position: absolute; transform: rotate(90deg) translateY(50%) scale(1); transition: transform .5s cubic-bezier(.4, 0, .2, 1); } .fancy-card-en-text { opacity: 1; transform: translate(50%, 3.5rem); transition: opacity .4s ease, transform .4s ease; } .khat-tolid:hover .fancy-card-text-section .fancy-card-en-text { opacity: 1; transform: translate(50%, 0); } .khat-tolid:hover .fancy-card-text-section .push-up-forse { transform: translate(0, -2.25rem); } @media all and (max-width: 767px){ .khat-tolid:hover .fancy-card-text-section .push-up-forse { transform: translate(0, -1.25rem); } } .khat-tolid:hover .en-right-txt { transform: scale(0.9) translateX(-1rem) rotate(90deg); } .khat-tolid { overflow: hidden; } .khat-tolid .fancy-card img, .khat-tolid .fancy-card-other-side img { transition: 0.3s all; } .khat-tolid:hover .fancy-card img, .khat-tolid:hover .fancy-card-other-side img { transform: translateY(-0.625rem); } /* ۱. شکل‌دهی به کانتینر اصلی و سفید کردن پس‌زمینه آن */ .fancy-card-other-side { background-color: #ffffff !important; /* رنگ اصلی زبانه */ -webkit-mask-image: var(--mask-normal-other-side); mask-image: var(--mask-normal-other-side); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; transition: mask-image 0.3s ease; position: relative; overflow: hidden; } /* ۲. لایه رنگی قرمز (فقط روی بدنه کارت، نه روی زبانه) */ .fancy-card-other-side::before { content: ''; position: absolute; inset: 0; left: 6.1%; /* شروع گرادینت بعد از زبانه سمت چپ */ background: var(--gradient-normal); z-index: 1; opacity: 1; transition: opacity 0.3s ease; } /* ۳. لایه هاور (در حالت هاور زبانه راست هم اضافه می‌شود) */ .fancy-card-other-side::after { content: ''; position: absolute; inset: 0; /*left: 6.1%; right: 6.1%;*/ /* چون ماسک هاور دو زبانه دارد، لایه قرمز را از دو طرف محدود می‌کنیم */ background: var(--gradient-hover); z-index: 2; opacity: 0; transition: opacity 0.3s ease; } /* ۴. تغییر ماسک و نمایش لایه هاور */ .khat-tolid:hover .fancy-card-other-side { -webkit-mask-image: var(--mask-hover); mask-image: var(--mask-hover); } .khat-tolid:hover .fancy-card-other-side::before { opacity: 0; } .khat-tolid:hover .fancy-card-other-side::after { opacity: 1; } /* اطمینان از قرارگیری متن‌ها روی لایه‌های رنگی */ .fancy-card-text-section, .en-right-txt, .logo-type-consultant { z-index: 5; } .atr-card-hover { transform-origin: top left; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); will-change: transform; } .atr-card-hover:hover { transform: scale(1.05); }l/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'moraba'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://vipercade.com/wp-content/uploads/2026/06/MorabbaVF.woff2') format('woff2'), url('https://vipercade.com/wp-content/uploads/2026/06/MorabbaVF.woff') format('woff'), url('https://vipercade.com/wp-content/uploads/2026/06/MorabbaVF.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'iranyekanx'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://vipercade.com/wp-content/uploads/2026/06/IRANYekanXNoEn-Regular.woff') format('woff'); } @font-face { font-family: 'iranyekanx'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://vipercade.com/wp-content/uploads/2026/06/IRANYekanXNoEn-Bold.woff') format('woff'); } /* End Custom Fonts CSS */