.elementor-18 .elementor-element.elementor-element-987c49b{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;box-shadow:0px 10px 15px -8px rgba(0,0,0,0.5);--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-987c49b:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-987c49b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://konjoo.ir/wp-content/uploads/2025/11/layaer.png");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}.elementor-18 .elementor-element.elementor-element-525488b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-525488b:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-525488b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://konjoo.ir/wp-content/uploads/2025/11/pattern-back-pafe1.png");background-position:0px -50px;background-size:cover;}.elementor-18 .elementor-element.elementor-element-bf46c5f > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-18 .elementor-element.elementor-element-bf46c5f [class*="products-bordered-grid"], .elementor-18 .elementor-element.elementor-element-bf46c5f [class*="products-bordered-grid"] .wd-product{--wd-bordered-brd:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-bf46c5f .wd-products-with-bg, .elementor-18 .elementor-element.elementor-element-bf46c5f .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-bf46c5f .wd-el-title{color:var( --e-global-color-primary );font-family:"Pinar-vf", Sans-serif;font-size:25px;font-weight:600;line-height:30px;}.elementor-18 .elementor-element.elementor-element-5843f1f .elementor-button{background-color:#FFFFFF;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-5843f1f .elementor-button:hover, .elementor-18 .elementor-element.elementor-element-5843f1f .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-5843f1f > .elementor-widget-container{margin:-20px 0px 20px 0px;padding:0px 0px 10px 0px;}.elementor-18 .elementor-element.elementor-element-5843f1f .elementor-button-content-wrapper{flex-direction:row;}.elementor-18 .elementor-element.elementor-element-5843f1f .elementor-button:hover svg, .elementor-18 .elementor-element.elementor-element-5843f1f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-14bb42b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-14bb42b:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-14bb42b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3E0000;}.elementor-18 .elementor-element.elementor-element-ea6a93d{--display:flex;}.elementor-18 .elementor-element.elementor-element-33ece72{--display:flex;--min-height:50px;--justify-content:center;}.elementor-18 .elementor-element.elementor-element-589e8ff.elementor-element{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-589e8ff{text-align:right;}.elementor-18 .elementor-element.elementor-element-589e8ff .elementor-heading-title{font-family:"Pinar-vf", Sans-serif;font-size:25px;font-weight:600;font-style:normal;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-c86bcd1{--display:flex;}.elementor-18 .elementor-element.elementor-element-a93fc75{--display:flex;}.elementor-18 .elementor-element.elementor-element-db01e37{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:30px 020px;--row-gap:30px;--column-gap:020px;--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-db01e37.e-con{--align-self:center;}.elementor-18 .elementor-element.elementor-element-4dc8ce7{--display:flex;}.elementor-18 .elementor-element.elementor-element-bce16a5.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-b9fc0a9{--display:flex;}.elementor-18 .elementor-element.elementor-element-2ca6205.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-215ca96{--display:flex;}.elementor-18 .elementor-element.elementor-element-2c71e24.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-66abb8d{--display:flex;}.elementor-18 .elementor-element.elementor-element-5040e83.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-5fd2d4d{--display:flex;}.elementor-18 .elementor-element.elementor-element-a9a7274.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-8165cce{--display:flex;}.elementor-18 .elementor-element.elementor-element-70b826b.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-5a9d527{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:30px 020px;--row-gap:30px;--column-gap:020px;--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-5a9d527.e-con{--align-self:center;}.elementor-18 .elementor-element.elementor-element-436a47e{--display:flex;}.elementor-18 .elementor-element.elementor-element-446c34b.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-9d12933{--display:flex;}.elementor-18 .elementor-element.elementor-element-9d4f928.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-74e4e4e{--display:flex;}.elementor-18 .elementor-element.elementor-element-a711c89.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-d1963a0{--display:flex;}.elementor-18 .elementor-element.elementor-element-2c2d80b.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-56549b5{--display:flex;}.elementor-18 .elementor-element.elementor-element-eeae912.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-c17662f{--display:flex;}.elementor-18 .elementor-element.elementor-element-4453aad.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-86d8b05{--display:flex;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-e47bbcd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-d20fa03{text-align:center;}.elementor-18 .elementor-element.elementor-element-d20fa03 .elementor-heading-title{font-family:"Pinar-vf", Sans-serif;font-size:30px;font-weight:600;font-style:normal;color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-d870f94{text-align:center;font-size:17px;font-weight:600;}.elementor-18 .elementor-element.elementor-element-d870f94 > *{max-width:80%;}.elementor-18 .elementor-element.elementor-element-b5f87a6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:50px 20px;--row-gap:50px;--column-gap:20px;--grid-auto-flow:row;--align-items:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-66c5b88{text-align:left;}.elementor-18 .elementor-element.elementor-element-66c5b88 img{border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-db1911e{--display:flex;}.elementor-18 .elementor-element.elementor-element-3e082bf{font-family:"Pinar-vf", Sans-serif;font-size:30px;font-weight:600;font-style:normal;color:#DD4900;}.elementor-18 .elementor-element.elementor-element-3e082bf p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-3e082bf > *{max-width:100%;}.elementor-18 .elementor-element.elementor-element-f5e6b15{text-align:justify;font-family:"YekanBakhFaNum", Sans-serif;font-size:16px;font-weight:600;color:#7A7A7A;}.elementor-18 .elementor-element.elementor-element-f5e6b15 p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-f5e6b15 > *{max-width:80%;}.elementor-18 .elementor-element.elementor-element-e4b9839{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-484c273{font-family:"Pinar-vf", Sans-serif;font-size:30px;font-weight:600;font-style:normal;color:#DD4900;}.elementor-18 .elementor-element.elementor-element-484c273 p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-484c273 > *{max-width:100%;}.elementor-18 .elementor-element.elementor-element-43c133d{text-align:justify;font-family:"YekanBakhFaNum", Sans-serif;font-size:16px;font-weight:600;color:#7A7A7A;}.elementor-18 .elementor-element.elementor-element-43c133d p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-43c133d > *{max-width:80%;}.elementor-18 .elementor-element.elementor-element-35a7661.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-35a7661{text-align:right;}.elementor-18 .elementor-element.elementor-element-35a7661 img{border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-5007bae{text-align:left;}.elementor-18 .elementor-element.elementor-element-5007bae img{border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-d66421d{--display:flex;}.elementor-18 .elementor-element.elementor-element-eb20e5b{font-family:"Pinar-vf", Sans-serif;font-size:30px;font-weight:600;font-style:normal;color:#DD4900;}.elementor-18 .elementor-element.elementor-element-eb20e5b p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-eb20e5b > *{max-width:100%;}.elementor-18 .elementor-element.elementor-element-662a1eb{text-align:justify;font-family:"YekanBakhFaNum", Sans-serif;font-size:16px;font-weight:600;}.elementor-18 .elementor-element.elementor-element-662a1eb p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-662a1eb > *{max-width:80%;}.elementor-18 .elementor-element.elementor-element-ed30793{--display:flex;}.elementor-18 .elementor-element.elementor-element-6f29a78 .elementor-button{background-color:var( --e-global-color-text );font-family:"Pinar-vf", Sans-serif;font-size:23px;font-weight:600;font-style:normal;border-radius:12px 12px 12px 12px;}.elementor-18 .elementor-element.elementor-element-6f29a78 .elementor-button:hover, .elementor-18 .elementor-element.elementor-element-6f29a78 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-3d5317d{--display:flex;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-1ac6642{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-3b87783{text-align:center;}.elementor-18 .elementor-element.elementor-element-3b87783 .elementor-heading-title{font-family:"Pinar-vf", Sans-serif;font-size:30px;font-weight:800;font-style:normal;color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-49098ad{text-align:center;font-size:17px;font-weight:600;}.elementor-18 .elementor-element.elementor-element-49098ad > *{max-width:80%;}.elementor-18 .elementor-element.elementor-element-81af0be{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:50px 20px;--row-gap:50px;--column-gap:20px;--grid-auto-flow:row;--align-items:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-77b6137{text-align:left;}.elementor-18 .elementor-element.elementor-element-77b6137 img{border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-12bc75c{--display:flex;}.elementor-18 .elementor-element.elementor-element-c2fe774{font-family:"Pinar-vf", Sans-serif;font-size:30px;font-weight:600;font-style:normal;color:#DD4900;}.elementor-18 .elementor-element.elementor-element-c2fe774 p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-c2fe774 > *{max-width:100%;}.elementor-18 .elementor-element.elementor-element-9686748{text-align:justify;font-family:"YekanBakhFaNum", Sans-serif;font-size:16px;font-weight:600;color:#7A7A7A;}.elementor-18 .elementor-element.elementor-element-9686748 p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-9686748 > *{max-width:80%;}.elementor-18 .elementor-element.elementor-element-3a386cd{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-fbe998a{font-family:"Pinar-vf", Sans-serif;font-size:30px;font-weight:600;font-style:normal;color:#DD4900;}.elementor-18 .elementor-element.elementor-element-fbe998a p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-fbe998a > *{max-width:100%;}.elementor-18 .elementor-element.elementor-element-4e7b5d1{text-align:justify;font-family:"YekanBakhFaNum", Sans-serif;font-size:16px;font-weight:600;color:#7A7A7A;}.elementor-18 .elementor-element.elementor-element-4e7b5d1 p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-4e7b5d1 > *{max-width:80%;}.elementor-18 .elementor-element.elementor-element-3e3bb11.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-3e3bb11{text-align:right;}.elementor-18 .elementor-element.elementor-element-3e3bb11 img{border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-6d3b8c3{text-align:left;}.elementor-18 .elementor-element.elementor-element-6d3b8c3 img{border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-2763bee{--display:flex;}.elementor-18 .elementor-element.elementor-element-82e26f9{font-family:"Pinar-vf", Sans-serif;font-size:30px;font-weight:600;font-style:normal;color:#DD4900;}.elementor-18 .elementor-element.elementor-element-82e26f9 p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-82e26f9 > *{max-width:100%;}.elementor-18 .elementor-element.elementor-element-b5757a2{text-align:justify;font-family:"YekanBakhFaNum", Sans-serif;font-size:16px;font-weight:600;color:#7A7A7A;}.elementor-18 .elementor-element.elementor-element-b5757a2 p{margin-block-end:0px;}.elementor-18 .elementor-element.elementor-element-b5757a2 > *{max-width:80%;}.elementor-18 .elementor-element.elementor-element-991e755{--display:flex;}.elementor-18 .elementor-element.elementor-element-719c8eb .elementor-button{background-color:var( --e-global-color-text );font-family:"Pinar-vf", Sans-serif;font-size:23px;font-weight:600;font-style:normal;}.elementor-18 .elementor-element.elementor-element-719c8eb .elementor-button:hover, .elementor-18 .elementor-element.elementor-element-719c8eb .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-c446cd4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-18 .elementor-element.elementor-element-fe87926{--display:flex;--overlay-opacity:0.25;--border-radius:0px 0px 0px 0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-18 .elementor-element.elementor-element-fe87926:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-fe87926 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9F3400;}.elementor-18 .elementor-element.elementor-element-fe87926::before, .elementor-18 .elementor-element.elementor-element-fe87926 > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-fe87926 > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-fe87926 > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-fe87926 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-fe87926 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://konjoo.ir/wp-content/uploads/2025/11/Asset-1.png");--background-overlay:'';background-position:center center;background-size:auto;}.elementor-18 .elementor-element.elementor-element-90429a8{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-18 .elementor-element.elementor-element-673f348{--display:flex;--min-height:0px;}.elementor-18 .elementor-element.elementor-element-9babed7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-9babed7.e-con{--order:-99999 /* order start hack */;}.elementor-18 .elementor-element.elementor-element-81f4a55{width:auto;max-width:auto;align-self:center;text-align:center;}.elementor-18 .elementor-element.elementor-element-81f4a55 .elementor-heading-title{font-family:"Pinar-vf", Sans-serif;font-size:30px;font-weight:600;text-decoration:underline;text-shadow:0px 0px 4px #000000;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-58586c0{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-a610dc6 .elementor-button{background-color:var( --e-global-color-text );font-family:"Pinar-vf", Sans-serif;font-size:23px;font-weight:600;font-style:normal;border-radius:12px 12px 12px 12px;}.elementor-18 .elementor-element.elementor-element-a610dc6 .elementor-button:hover, .elementor-18 .elementor-element.elementor-element-a610dc6 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-cd17007 .wd-products-with-bg, .elementor-18 .elementor-element.elementor-element-cd17007 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-b60a80b .elementor-button{background-color:#FFFFFF;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-7b9fdef{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-7b9fdef:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-7b9fdef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECFFD4;}.elementor-18 .elementor-element.elementor-element-8e4fd2e{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-0ff09bd{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#30E000;}.elementor-18 .elementor-element.elementor-element-0ff09bd.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-0ff09bd .elementor-headline{text-align:center;font-weight:700;}.elementor-18 .elementor-element.elementor-element-0ff09bd .elementor-headline-plain-text{color:#DD4900;}.elementor-18 .elementor-element.elementor-element-0ff09bd .elementor-headline-dynamic-wrapper path{stroke:#20941F;stroke-linecap:round;stroke-linejoin:round;}.elementor-18 .elementor-element.elementor-element-a825db8{--display:flex;--min-height:400px;}.elementor-18 .elementor-element.elementor-element-a825db8:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-a825db8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://konjoo.ir/wp-content/uploads/2025/11/1پسته.png");background-position:center center;}.elementor-18 .elementor-element.elementor-element-3d3f196{--display:flex;--min-height:400px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-89e7f54 .wd-tabs .tabs-name{font-family:"Pinar-vf", Sans-serif;font-size:25px;font-weight:600;font-style:normal;}.elementor-18 .elementor-element.elementor-element-89e7f54 .tabs-name{color:#2A8E2C;}.elementor-18 .elementor-element.elementor-element-89e7f54 .wd-nav-tabs > li > a{font-size:20px;}.elementor-18 .elementor-element.elementor-element-89e7f54 [class*="products-bordered-grid"], .elementor-18 .elementor-element.elementor-element-89e7f54 [class*="products-bordered-grid"] .wd-product{--wd-bordered-brd:#1E4600;}.elementor-18 .elementor-element.elementor-element-89e7f54 .wd-products-with-bg, .elementor-18 .elementor-element.elementor-element-89e7f54 .wd-products-with-bg .wd-product{--wd-prod-bg:#1E4600;--wd-bordered-bg:#1E4600;}.elementor-18 .elementor-element.elementor-element-557a282{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-557a282:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-557a282 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECFFD4;}.elementor-18 .elementor-element.elementor-element-e74467b{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-9ccec17{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#30E000;}.elementor-18 .elementor-element.elementor-element-9ccec17 .elementor-headline{text-align:center;font-weight:700;}.elementor-18 .elementor-element.elementor-element-9ccec17 .elementor-headline-plain-text{color:#DD4900;}.elementor-18 .elementor-element.elementor-element-9ccec17 .elementor-headline-dynamic-wrapper path{stroke:#20941F;stroke-linecap:round;stroke-linejoin:round;}.elementor-18 .elementor-element.elementor-element-fde1654{--display:flex;--min-height:400px;}.elementor-18 .elementor-element.elementor-element-fde1654:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-fde1654 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://konjoo.ir/wp-content/uploads/2025/11/1پسته.png");background-position:center center;}.elementor-18 .elementor-element.elementor-element-5483606{--display:flex;--min-height:400px;}.elementor-18 .elementor-element.elementor-element-fb6564a .wd-tabs .tabs-name{font-family:"Pinar-vf", Sans-serif;font-size:25px;font-weight:600;font-style:normal;}.elementor-18 .elementor-element.elementor-element-fb6564a .tabs-name{color:#2A8E2C;}.elementor-18 .elementor-element.elementor-element-fb6564a .wd-nav-tabs > li > a{font-size:20px;}.elementor-18 .elementor-element.elementor-element-fb6564a [class*="products-bordered-grid"], .elementor-18 .elementor-element.elementor-element-fb6564a [class*="products-bordered-grid"] .wd-product{--wd-bordered-brd:#1E4600;}.elementor-18 .elementor-element.elementor-element-fb6564a .wd-products-with-bg, .elementor-18 .elementor-element.elementor-element-fb6564a .wd-products-with-bg .wd-product{--wd-prod-bg:#1E4600;--wd-bordered-bg:#1E4600;}.elementor-18 .elementor-element.elementor-element-d05efeb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-18 .elementor-element.elementor-element-221eee8{--display:flex;}.elementor-18 .elementor-element.elementor-element-912335f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;--border-radius:18px 18px 18px 18px;box-shadow:2px 4px 18px 0px rgba(186.75, 178.41475883152174, 178.41475883152174, 0.5);--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:25px;--padding-left:32px;--padding-right:32px;}.elementor-18 .elementor-element.elementor-element-912335f:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-912335f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-59a86ec{--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-18 .elementor-element.elementor-element-57bae82 .title{color:#7F7F7F;font-family:"Pinar-vf", Sans-serif;font-size:18px;font-weight:800;}.elementor-18 .elementor-element.elementor-element-57bae82 .title-after_title{color:#B1ACAC;}.elementor-18 .elementor-element.elementor-element-e90e47d{--display:flex;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-button-content-wrapper{flex-direction:row;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-18 .elementor-element.elementor-element-0db9074 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-18 .elementor-element.elementor-element-0db9074 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-18 .elementor-element.elementor-element-0db9074 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-18 .elementor-element.elementor-element-0db9074 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-field-type-html{padding-bottom:0px;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-0db9074 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-text );color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-button[type="submit"]{background-color:var( --e-global-color-text );color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-0db9074 .e-form__buttons__wrapper__button-previous{color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-0db9074 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-18 .elementor-element.elementor-element-0db9074 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-18 .elementor-element.elementor-element-0db9074 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-0db9074{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-987c49b{--min-height:380px;}.elementor-18 .elementor-element.elementor-element-525488b:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-525488b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-18 .elementor-element.elementor-element-db01e37{--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-5a9d527{--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-b5f87a6{--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-81af0be{--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-81f4a55 .elementor-heading-title{font-size:25px;}}@media(max-width:768px){.elementor-18 .elementor-element.elementor-element-987c49b:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-987c49b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://konjoo.ir/wp-content/uploads/2025/11/layaer-1024x512.png");background-position:top center;background-size:650px auto;}.elementor-18 .elementor-element.elementor-element-987c49b{--min-height:300px;}.elementor-18 .elementor-element.elementor-element-525488b:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-525488b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px -406px;background-repeat:repeat;background-size:400px auto;}.elementor-18 .elementor-element.elementor-element-5843f1f > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-18 .elementor-element.elementor-element-5843f1f .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-589e8ff.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-589e8ff{text-align:center;}.elementor-18 .elementor-element.elementor-element-db01e37{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-bce16a5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-5a9d527{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-446c34b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-d20fa03 .elementor-heading-title{font-size:22px;line-height:1.7em;}.elementor-18 .elementor-element.elementor-element-b5f87a6{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-3e082bf{text-align:center;}.elementor-18 .elementor-element.elementor-element-3d5317d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-3d5317d.e-con{--align-self:center;}.elementor-18 .elementor-element.elementor-element-3b87783 .elementor-heading-title{font-size:23px;line-height:1.7em;letter-spacing:-0.3px;word-spacing:0em;}.elementor-18 .elementor-element.elementor-element-49098ad{text-align:justify;}.elementor-18 .elementor-element.elementor-element-81af0be{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-18 .elementor-element.elementor-element-77b6137.elementor-element{--order:-99999 /* order start hack */;}.elementor-18 .elementor-element.elementor-element-12bc75c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-12bc75c.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-18 .elementor-element.elementor-element-c2fe774{text-align:center;}.elementor-18 .elementor-element.elementor-element-9686748.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-9686748{text-align:justify;}.elementor-18 .elementor-element.elementor-element-3a386cd{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-fbe998a{text-align:center;}.elementor-18 .elementor-element.elementor-element-4e7b5d1{text-align:justify;}.elementor-18 .elementor-element.elementor-element-3e3bb11.elementor-element{--order:-99999 /* order start hack */;}.elementor-18 .elementor-element.elementor-element-2763bee{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-2763bee.e-con{--align-self:center;}.elementor-18 .elementor-element.elementor-element-82e26f9{text-align:center;font-size:29px;}.elementor-18 .elementor-element.elementor-element-b5757a2{text-align:justify;}.elementor-18 .elementor-element.elementor-element-719c8eb .elementor-button{font-size:20px;border-radius:12px 12px 12px 12px;}.elementor-18 .elementor-element.elementor-element-c446cd4{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-fe87926{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-9babed7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-9babed7.e-con{--align-self:center;}.elementor-18 .elementor-element.elementor-element-81f4a55.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-b60a80b .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-0ff09bd .elementor-headline{font-size:18px;line-height:1.8em;}.elementor-18 .elementor-element.elementor-element-a825db8{--min-height:250px;}.elementor-18 .elementor-element.elementor-element-a825db8:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-a825db8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-size:cover;}.elementor-18 .elementor-element.elementor-element-9ccec17 > .elementor-widget-container{margin:-10px 0px -5px 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-9ccec17 .elementor-headline{font-size:18px;line-height:1.8em;}.elementor-18 .elementor-element.elementor-element-fde1654{--min-height:250px;}.elementor-18 .elementor-element.elementor-element-fde1654:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-fde1654 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-size:cover;}.elementor-18 .elementor-element.elementor-element-5483606{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18 .elementor-element.elementor-element-fb6564a.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-fb6564a .wd-nav-tabs > li > a{font-size:19px;}.elementor-18 .elementor-element.elementor-element-d05efeb{--margin-top:37px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-912335f{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18 .elementor-element.elementor-element-57bae82 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-57bae82 .title{font-size:15px;}}@media(min-width:769px){.elementor-18 .elementor-element.elementor-element-525488b{--content-width:1000px;}.elementor-18 .elementor-element.elementor-element-673f348{--width:33%;}.elementor-18 .elementor-element.elementor-element-9babed7{--width:33.333%;}.elementor-18 .elementor-element.elementor-element-58586c0{--width:33%;}.elementor-18 .elementor-element.elementor-element-3d3f196{--content-width:1100px;}.elementor-18 .elementor-element.elementor-element-5483606{--content-width:1100px;}.elementor-18 .elementor-element.elementor-element-59a86ec{--width:56.768%;}.elementor-18 .elementor-element.elementor-element-e90e47d{--width:43.183%;}}@media(max-width:1024px) and (min-width:769px){.elementor-18 .elementor-element.elementor-element-673f348{--width:25%;}.elementor-18 .elementor-element.elementor-element-9babed7{--width:50%;}.elementor-18 .elementor-element.elementor-element-58586c0{--width:25%;}.elementor-18 .elementor-element.elementor-element-59a86ec{--width:100%;}.elementor-18 .elementor-element.elementor-element-e90e47d{--width:100%;}}@media(min-width:1025px){.elementor-18 .elementor-element.elementor-element-987c49b:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-987c49b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-18 .elementor-element.elementor-element-fe87926::before, .elementor-18 .elementor-element.elementor-element-fe87926 > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-fe87926 > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-fe87926 > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-fe87926 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-fe87926 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-bce16a5 *//* From Uiverse.io by ElSombrero2 */ .card { overflow: visible; width: 190px; height: 254px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2ca6205 *//* From Uiverse.io by ElSombrero2 */ .card { overflow: visible; width: 190px; height: 254px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2c71e24 *//* From Uiverse.io by ElSombrero2 */ .card { overflow: visible; width: 190px; height: 254px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5040e83 *//* From Uiverse.io by ElSombrero2 */ .card { overflow: visible; width: 190px; height: 254px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a9a7274 *//* From Uiverse.io by ElSombrero2 */ .card { overflow: visible; width: 190px; height: 254px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70b826b *//* From Uiverse.io by ElSombrero2 */ .card { overflow: visible; width: 190px; height: 254px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-446c34b */.mini-card { overflow: visible; width: 150px; height: 200px; margin: 15px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9d4f928 */.mini-card { overflow: visible; width: 150px; height: 200px; margin: 15px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a711c89 */.mini-card { overflow: visible; width: 150px; height: 200px; margin: 15px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2c2d80b */.mini-card { overflow: visible; width: 150px; height: 200px; margin: 15px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eeae912 */.mini-card { overflow: visible; width: 150px; height: 200px; margin: 15px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4453aad */.mini-card { overflow: visible; width: 150px; height: 200px; margin: 15px; } .content { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 300ms; box-shadow: 0px 0px 10px 1px #000000ee; border-radius: 5px; } .front, .back { background-color: #151515; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 5px; overflow: hidden; } .back { width: 100%; height: 100%; justify-content: center; display: flex; align-items: center; overflow: hidden; } .back::before { position: absolute; content: ' '; display: block; width: 160px; height: 160%; background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent); animation: rotation_481 5000ms infinite linear; } .back-content { position: absolute; width: 99%; height: 99%; background-color: #151515; border-radius: 5px; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; } .card:hover .content { transform: rotateY(180deg); } @keyframes rotation_481 { 0% { transform: rotateZ(0deg); } 0% { transform: rotateZ(360deg); } } .front { transform: rotateY(180deg); color: white; } .front .front-content { position: absolute; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .front-content .badge { background-color: #00000055; padding: 2px 10px; border-radius: 10px; backdrop-filter: blur(2px); width: fit-content; } .description { box-shadow: 0px 0px 10px 5px #00000088; width: 100%; padding: 10px; background-color: #00000099; backdrop-filter: blur(5px); border-radius: 5px; } .title { font-size: 11px; max-width: 100%; display: flex; justify-content: space-between; } .title p { width: 50%; } .card-footer { color: #ffffff88; margin-top: 5px; font-size: 8px; } .front .img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; } .circle { width: 90px; height: 90px; border-radius: 50%; background-color: #ffbb66; position: relative; filter: blur(15px); animation: floating 2600ms infinite linear; } #bottom { background-color: #ff8866; left: 50px; top: 0px; width: 150px; height: 150px; animation-delay: -800ms; } #right { background-color: #ff2233; left: 160px; top: -80px; width: 30px; height: 30px; animation-delay: -1800ms; } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-66c5b88 */.elementor-18 .elementor-element.elementor-element-66c5b88 img { transition: transform 0.35s ease, box-shadow 0.35s ease; transform: translateY(0); } .elementor-18 .elementor-element.elementor-element-66c5b88:hover img { transform: translateY(-10px) scale(1.03); box-shadow: 0 12px 20px rgba(0,0,0,0.20); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-35a7661 */.elementor-18 .elementor-element.elementor-element-35a7661 img { transition: transform 0.35s ease, box-shadow 0.35s ease; transform: translateY(0); } .elementor-18 .elementor-element.elementor-element-35a7661:hover img { transform: translateY(-10px) scale(1.03); box-shadow: 0 12px 20px rgba(0,0,0,0.20); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5007bae */.elementor-18 .elementor-element.elementor-element-5007bae img { transition: transform 0.35s ease, box-shadow 0.35s ease; transform: translateY(0); } .elementor-18 .elementor-element.elementor-element-5007bae:hover img { transform: translateY(-10px) scale(1.03); box-shadow: 0 12px 20px rgba(0,0,0,0.20); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-77b6137 */.elementor-18 .elementor-element.elementor-element-77b6137 img { transition: transform 0.35s ease, box-shadow 0.35s ease; transform: translateY(0); } .elementor-18 .elementor-element.elementor-element-77b6137:hover img { transform: translateY(-10px) scale(1.03); box-shadow: 0 12px 20px rgba(0,0,0,0.20); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3e3bb11 */.elementor-18 .elementor-element.elementor-element-3e3bb11 img { transition: transform 0.35s ease, box-shadow 0.35s ease; transform: translateY(0); } .elementor-18 .elementor-element.elementor-element-3e3bb11:hover img { transform: translateY(-10px) scale(1.03); box-shadow: 0 12px 20px rgba(0,0,0,0.20); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6d3b8c3 */.elementor-18 .elementor-element.elementor-element-6d3b8c3 img { transition: transform 0.35s ease, box-shadow 0.35s ease; transform: translateY(0); } .elementor-18 .elementor-element.elementor-element-6d3b8c3:hover img { transform: translateY(-10px) scale(1.03); box-shadow: 0 12px 20px rgba(0,0,0,0.20); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aa3278a *//* From Uiverse.io by Nawsome */ .wheel-and-hamster { --dur: 1s; position: relative; width: 12em; height: 12em; font-size: 14px; } .wheel, .hamster, .hamster div, .spoke { position: absolute; } .wheel, .spoke { border-radius: 50%; top: 0; left: 0; width: 100%; height: 100%; } .wheel { background: radial-gradient(100% 100% at center,hsla(0,0%,60%,0) 47.8%,hsl(0,0%,60%) 48%); z-index: 2; } .hamster { animation: hamster var(--dur) ease-in-out infinite; top: 50%; left: calc(50% - 3.5em); width: 7em; height: 3.75em; transform: rotate(4deg) translate(-0.8em,1.85em); transform-origin: 50% 0; z-index: 1; } .hamster__head { animation: hamsterHead var(--dur) ease-in-out infinite; background: hsl(30,90%,55%); border-radius: 70% 30% 0 100% / 40% 25% 25% 60%; box-shadow: 0 -0.25em 0 hsl(30,90%,80%) inset, 0.75em -1.55em 0 hsl(30,90%,90%) inset; top: 0; left: -2em; width: 2.75em; height: 2.5em; transform-origin: 100% 50%; } .hamster__ear { animation: hamsterEar var(--dur) ease-in-out infinite; background: hsl(0,90%,85%); border-radius: 50%; box-shadow: -0.25em 0 hsl(30,90%,55%) inset; top: -0.25em; right: -0.25em; width: 0.75em; height: 0.75em; transform-origin: 50% 75%; } .hamster__eye { animation: hamsterEye var(--dur) linear infinite; background-color: hsl(0,0%,0%); border-radius: 50%; top: 0.375em; left: 1.25em; width: 0.5em; height: 0.5em; } .hamster__nose { background: hsl(0,90%,75%); border-radius: 35% 65% 85% 15% / 70% 50% 50% 30%; top: 0.75em; left: 0; width: 0.2em; height: 0.25em; } .hamster__body { animation: hamsterBody var(--dur) ease-in-out infinite; background: hsl(30,90%,90%); border-radius: 50% 30% 50% 30% / 15% 60% 40% 40%; box-shadow: 0.1em 0.75em 0 hsl(30,90%,55%) inset, 0.15em -0.5em 0 hsl(30,90%,80%) inset; top: 0.25em; left: 2em; width: 4.5em; height: 3em; transform-origin: 17% 50%; transform-style: preserve-3d; } .hamster__limb--fr, .hamster__limb--fl { clip-path: polygon(0 0,100% 0,70% 80%,60% 100%,0% 100%,40% 80%); top: 2em; left: 0.5em; width: 1em; height: 1.5em; transform-origin: 50% 0; } .hamster__limb--fr { animation: hamsterFRLimb var(--dur) linear infinite; background: linear-gradient(hsl(30,90%,80%) 80%,hsl(0,90%,75%) 80%); transform: rotate(15deg) translateZ(-1px); } .hamster__limb--fl { animation: hamsterFLLimb var(--dur) linear infinite; background: linear-gradient(hsl(30,90%,90%) 80%,hsl(0,90%,85%) 80%); transform: rotate(15deg); } .hamster__limb--br, .hamster__limb--bl { border-radius: 0.75em 0.75em 0 0; clip-path: polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0% 30%); top: 1em; left: 2.8em; width: 1.5em; height: 2.5em; transform-origin: 50% 30%; } .hamster__limb--br { animation: hamsterBRLimb var(--dur) linear infinite; background: linear-gradient(hsl(30,90%,80%) 90%,hsl(0,90%,75%) 90%); transform: rotate(-25deg) translateZ(-1px); } .hamster__limb--bl { animation: hamsterBLLimb var(--dur) linear infinite; background: linear-gradient(hsl(30,90%,90%) 90%,hsl(0,90%,85%) 90%); transform: rotate(-25deg); } .hamster__tail { animation: hamsterTail var(--dur) linear infinite; background: hsl(0,90%,85%); border-radius: 0.25em 50% 50% 0.25em; box-shadow: 0 -0.2em 0 hsl(0,90%,75%) inset; top: 1.5em; right: -0.5em; width: 1em; height: 0.5em; transform: rotate(30deg) translateZ(-1px); transform-origin: 0.25em 0.25em; } .spoke { animation: spoke var(--dur) linear infinite; background: radial-gradient(100% 100% at center,hsl(0,0%,60%) 4.8%,hsla(0,0%,60%,0) 5%), linear-gradient(hsla(0,0%,55%,0) 46.9%,hsl(0,0%,65%) 47% 52.9%,hsla(0,0%,65%,0) 53%) 50% 50% / 99% 99% no-repeat; } /* Animations */ @keyframes hamster { from, to { transform: rotate(4deg) translate(-0.8em,1.85em); } 50% { transform: rotate(0) translate(-0.8em,1.85em); } } @keyframes hamsterHead { from, 25%, 50%, 75%, to { transform: rotate(0); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(8deg); } } @keyframes hamsterEye { from, 90%, to { transform: scaleY(1); } 95% { transform: scaleY(0); } } @keyframes hamsterEar { from, 25%, 50%, 75%, to { transform: rotate(0); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(12deg); } } @keyframes hamsterBody { from, 25%, 50%, 75%, to { transform: rotate(0); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(-2deg); } } @keyframes hamsterFRLimb { from, 25%, 50%, 75%, to { transform: rotate(50deg) translateZ(-1px); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(-30deg) translateZ(-1px); } } @keyframes hamsterFLLimb { from, 25%, 50%, 75%, to { transform: rotate(-30deg); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(50deg); } } @keyframes hamsterBRLimb { from, 25%, 50%, 75%, to { transform: rotate(-60deg) translateZ(-1px); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(20deg) translateZ(-1px); } } @keyframes hamsterBLLimb { from, 25%, 50%, 75%, to { transform: rotate(20deg); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(-60deg); } } @keyframes hamsterTail { from, 25%, 50%, 75%, to { transform: rotate(30deg) translateZ(-1px); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(10deg) translateZ(-1px); } } @keyframes spoke { from { transform: rotate(0); } to { transform: rotate(-1turn); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c20c84e *//* From Uiverse.io by Nawsome */ .wheel-and-hamster { --dur: 1s; position: relative; width: 12em; height: 12em; font-size: 14px; } .wheel, .hamster, .hamster div, .spoke { position: absolute; } .wheel, .spoke { border-radius: 50%; top: 0; left: 0; width: 100%; height: 100%; } .wheel { background: radial-gradient(100% 100% at center,hsla(0,0%,60%,0) 47.8%,hsl(0,0%,60%) 48%); z-index: 2; } .hamster { animation: hamster var(--dur) ease-in-out infinite; top: 50%; left: calc(50% - 3.5em); width: 7em; height: 3.75em; transform: rotate(4deg) translate(-0.8em,1.85em); transform-origin: 50% 0; z-index: 1; } .hamster__head { animation: hamsterHead var(--dur) ease-in-out infinite; background: hsl(30,90%,55%); border-radius: 70% 30% 0 100% / 40% 25% 25% 60%; box-shadow: 0 -0.25em 0 hsl(30,90%,80%) inset, 0.75em -1.55em 0 hsl(30,90%,90%) inset; top: 0; left: -2em; width: 2.75em; height: 2.5em; transform-origin: 100% 50%; } .hamster__ear { animation: hamsterEar var(--dur) ease-in-out infinite; background: hsl(0,90%,85%); border-radius: 50%; box-shadow: -0.25em 0 hsl(30,90%,55%) inset; top: -0.25em; right: -0.25em; width: 0.75em; height: 0.75em; transform-origin: 50% 75%; } .hamster__eye { animation: hamsterEye var(--dur) linear infinite; background-color: hsl(0,0%,0%); border-radius: 50%; top: 0.375em; left: 1.25em; width: 0.5em; height: 0.5em; } .hamster__nose { background: hsl(0,90%,75%); border-radius: 35% 65% 85% 15% / 70% 50% 50% 30%; top: 0.75em; left: 0; width: 0.2em; height: 0.25em; } .hamster__body { animation: hamsterBody var(--dur) ease-in-out infinite; background: hsl(30,90%,90%); border-radius: 50% 30% 50% 30% / 15% 60% 40% 40%; box-shadow: 0.1em 0.75em 0 hsl(30,90%,55%) inset, 0.15em -0.5em 0 hsl(30,90%,80%) inset; top: 0.25em; left: 2em; width: 4.5em; height: 3em; transform-origin: 17% 50%; transform-style: preserve-3d; } .hamster__limb--fr, .hamster__limb--fl { clip-path: polygon(0 0,100% 0,70% 80%,60% 100%,0% 100%,40% 80%); top: 2em; left: 0.5em; width: 1em; height: 1.5em; transform-origin: 50% 0; } .hamster__limb--fr { animation: hamsterFRLimb var(--dur) linear infinite; background: linear-gradient(hsl(30,90%,80%) 80%,hsl(0,90%,75%) 80%); transform: rotate(15deg) translateZ(-1px); } .hamster__limb--fl { animation: hamsterFLLimb var(--dur) linear infinite; background: linear-gradient(hsl(30,90%,90%) 80%,hsl(0,90%,85%) 80%); transform: rotate(15deg); } .hamster__limb--br, .hamster__limb--bl { border-radius: 0.75em 0.75em 0 0; clip-path: polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0% 30%); top: 1em; left: 2.8em; width: 1.5em; height: 2.5em; transform-origin: 50% 30%; } .hamster__limb--br { animation: hamsterBRLimb var(--dur) linear infinite; background: linear-gradient(hsl(30,90%,80%) 90%,hsl(0,90%,75%) 90%); transform: rotate(-25deg) translateZ(-1px); } .hamster__limb--bl { animation: hamsterBLLimb var(--dur) linear infinite; background: linear-gradient(hsl(30,90%,90%) 90%,hsl(0,90%,85%) 90%); transform: rotate(-25deg); } .hamster__tail { animation: hamsterTail var(--dur) linear infinite; background: hsl(0,90%,85%); border-radius: 0.25em 50% 50% 0.25em; box-shadow: 0 -0.2em 0 hsl(0,90%,75%) inset; top: 1.5em; right: -0.5em; width: 1em; height: 0.5em; transform: rotate(30deg) translateZ(-1px); transform-origin: 0.25em 0.25em; } .spoke { animation: spoke var(--dur) linear infinite; background: radial-gradient(100% 100% at center,hsl(0,0%,60%) 4.8%,hsla(0,0%,60%,0) 5%), linear-gradient(hsla(0,0%,55%,0) 46.9%,hsl(0,0%,65%) 47% 52.9%,hsla(0,0%,65%,0) 53%) 50% 50% / 99% 99% no-repeat; } /* Animations */ @keyframes hamster { from, to { transform: rotate(4deg) translate(-0.8em,1.85em); } 50% { transform: rotate(0) translate(-0.8em,1.85em); } } @keyframes hamsterHead { from, 25%, 50%, 75%, to { transform: rotate(0); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(8deg); } } @keyframes hamsterEye { from, 90%, to { transform: scaleY(1); } 95% { transform: scaleY(0); } } @keyframes hamsterEar { from, 25%, 50%, 75%, to { transform: rotate(0); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(12deg); } } @keyframes hamsterBody { from, 25%, 50%, 75%, to { transform: rotate(0); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(-2deg); } } @keyframes hamsterFRLimb { from, 25%, 50%, 75%, to { transform: rotate(50deg) translateZ(-1px); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(-30deg) translateZ(-1px); } } @keyframes hamsterFLLimb { from, 25%, 50%, 75%, to { transform: rotate(-30deg); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(50deg); } } @keyframes hamsterBRLimb { from, 25%, 50%, 75%, to { transform: rotate(-60deg) translateZ(-1px); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(20deg) translateZ(-1px); } } @keyframes hamsterBLLimb { from, 25%, 50%, 75%, to { transform: rotate(20deg); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(-60deg); } } @keyframes hamsterTail { from, 25%, 50%, 75%, to { transform: rotate(30deg) translateZ(-1px); } 12.5%, 37.5%, 62.5%, 87.5% { transform: rotate(10deg) translateZ(-1px); } } @keyframes spoke { from { transform: rotate(0); } to { transform: rotate(-1turn); } }/* End custom CSS */ /* Start custom CSS for wd_products_tabs, class: .elementor-element-fb6564a */.elementor-18 .elementor-element.elementor-element-fb6564a * { text-align: center !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-92215aa *//* From Uiverse.io by Pradeepsaranbishnoi */ .🤚 { --skin-color: #E4C560; --tap-speed: 0.6s; --tap-stagger: 0.1s; position: relative; width: 80px; height: 60px; margin-left: 80px; } .🤚:before { content: ''; display: block; width: 180%; height: 75%; position: absolute; top: 70%; right: 20%; background-color: black; border-radius: 40px 10px; filter: blur(10px); opacity: 0.3; } .🌴 { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--skin-color); border-radius: 10px 40px; } .👍 { position: absolute; width: 120%; height: 38px; background-color: var(--skin-color); bottom: -18%; right: 1%; transform-origin: calc(100% - 20px) 20px; transform: rotate(-20deg); border-radius: 30px 20px 20px 10px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); border-left: 2px solid rgba(0, 0, 0, 0.1); } .👍:after { width: 20%; height: 60%; content: ''; background-color: rgba(255, 255, 255, 0.3); position: absolute; bottom: -8%; left: 5px; border-radius: 60% 10% 10% 30%; border-right: 2px solid rgba(0, 0, 0, 0.05); } .👉 { position: absolute; width: 80%; height: 35px; background-color: var(--skin-color); bottom: 32%; right: 64%; transform-origin: 100% 20px; animation-duration: calc(var(--tap-speed) * 2); animation-timing-function: ease-in-out; animation-iteration-count: infinite; transform: rotate(10deg); } .👉:before { content: ''; position: absolute; width: 140%; height: 30px; background-color: var(--skin-color); bottom: 8%; right: 65%; transform-origin: calc(100% - 20px) 20px; transform: rotate(-60deg); border-radius: 20px; } .👉:nth-child(1) { animation-delay: 0; filter: brightness(70%); animation-name: tap-upper-1; } .👉:nth-child(2) { animation-delay: var(--tap-stagger); filter: brightness(80%); animation-name: tap-upper-2; } .👉:nth-child(3) { animation-delay: calc(var(--tap-stagger) * 2); filter: brightness(90%); animation-name: tap-upper-3; } .👉:nth-child(4) { animation-delay: calc(var(--tap-stagger) * 3); filter: brightness(100%); animation-name: tap-upper-4; } @keyframes tap-upper-1 { 0%, 50%, 100% { transform: rotate(10deg) scale(0.4); } 40% { transform: rotate(50deg) scale(0.4); } } @keyframes tap-upper-2 { 0%, 50%, 100% { transform: rotate(10deg) scale(0.6); } 40% { transform: rotate(50deg) scale(0.6); } } @keyframes tap-upper-3 { 0%, 50%, 100% { transform: rotate(10deg) scale(0.8); } 40% { transform: rotate(50deg) scale(0.8); } } @keyframes tap-upper-4 { 0%, 50%, 100% { transform: rotate(10deg) scale(1); } 40% { transform: rotate(50deg) scale(1); } }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-0db9074 */.rating { display: flex; justify-content: center; /* وسط چین کردن تمام قلب‌ها */ gap: 5px; /* فاصله بین قلب‌ها */ flex-direction: row-reverse; /* اگر میخوای ترتیب از 10 تا 1 باشد */ } .rating > input { display: none; /* رادیوها پنهان شوند */ } .rating > label { cursor: pointer; font-size: 24px; transition: transform 0.3s ease; } .rating > label > svg { fill: #666; transition: fill 0.3s ease, transform 0.3s ease; } #heart1:checked ~ label > svg { fill: #ff0000; } #heart2:checked ~ label > svg { fill: #ff4d00; } #heart3:checked ~ label > svg { fill: #ff9900; } #heart4:checked ~ label > svg { fill: #ccff00; } #heart5:checked ~ label > svg { fill: #66ff00; } #heart6:checked ~ label > svg { fill: #00ff4d; } #heart7:checked ~ label > svg { fill: #00ff99; } #heart8:checked ~ label > svg { fill: #00ccff; } #heart9:checked ~ label > svg { fill: #0059ff; } #heart10:checked ~ label > svg { fill: #9900ff; } #heart1:hover ~ label > svg, #heart1:hover > svg { fill: #e60000 !important; } #heart2:hover ~ label > svg, #heart2:hover > svg { fill: #e66a00 !important; } #heart3:hover ~ label > svg, #heart3:hover > svg { fill: #e6b600 !important; } #heart4:hover ~ label > svg, #heart4:hover > svg { fill: #a6e600 !important; } #heart5:hover ~ label > svg, #heart5:hover > svg { fill: #00e600 !important; } #heart6:hover ~ label > svg, #heart6:hover > svg { fill: #00b3e6 !important; } #heart7:hover ~ label > svg, #heart7:hover > svg { fill: #00e6b3 !important; } #heart8:hover ~ label > svg, #heart8:hover > svg { fill: #00e6e6 !important; } #heart9:hover ~ label > svg, #heart9:hover > svg { fill: #0066e6 !important; } #heart10:hover ~ label > svg, #heart10:hover > svg { fill: #6600e6 !important; }/* End custom CSS */