.elementor-1670 .elementor-element.elementor-element-33b5219f{--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:35px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-33b5219f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1670 .elementor-element.elementor-element-7a47074f{width:100%;max-width:100%;}.elementor-1670 .elementor-element.elementor-element-7d916f5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1670 .elementor-element.elementor-element-b685a76 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-b685a76{text-align:center;}.elementor-1670 .elementor-element.elementor-element-b685a76 .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-size:30px;font-weight:700;color:#252211;}.elementor-1670 .elementor-element.elementor-element-3119447{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1670 .elementor-element.elementor-element-656c25d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-ad74afd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-4400b20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-1665b400{--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:35px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-fd0374f{--e-image-carousel-slides-to-show:6;}.elementor-1670 .elementor-element.elementor-element-fd0374f.elementor-element{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-28cffdd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1670 .elementor-element.elementor-element-42ad136 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-42ad136.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-1670 .elementor-element.elementor-element-42ad136{text-align:center;}.elementor-1670 .elementor-element.elementor-element-42ad136 img{width:50%;}.elementor-1670 .elementor-element.elementor-element-19e9d82 > .elementor-widget-container{margin:-82px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-19e9d82{text-align:center;}.elementor-1670 .elementor-element.elementor-element-19e9d82 .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-size:35px;font-weight:600;color:#252211;}.elementor-1670 .elementor-element.elementor-element-185ff72{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1670 .elementor-element.elementor-element-185ff72:not(.elementor-motion-effects-element-type-background), .elementor-1670 .elementor-element.elementor-element-185ff72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vanillhome.com/wp-content/uploads/2026/06/back-goooolll.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1670 .elementor-element.elementor-element-4360c55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-4360c55.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1670 .elementor-element.elementor-element-9009e39{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-0609fba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-5ebb6b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-5ebb6b9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1670 .elementor-element.elementor-element-703ec8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-703ec8e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1670 .elementor-element.elementor-element-fdde2d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-e6d57c2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-e1121ef > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-e1121ef.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-1670 .elementor-element.elementor-element-e1121ef{text-align:center;}.elementor-1670 .elementor-element.elementor-element-e1121ef img{width:40%;}.elementor-1670 .elementor-element.elementor-element-7bce40f > .elementor-widget-container{margin:-88px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-7bce40f{text-align:center;}.elementor-1670 .elementor-element.elementor-element-7bce40f .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-size:35px;font-weight:600;color:#252211;}.elementor-1670 .elementor-element.elementor-element-17afac0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-57e4b86f .wd-nav-tabs{--nav-gap:15px;}.elementor-1670 .elementor-element.elementor-element-57e4b86f{--wd-brd-radius:12px;}.elementor-1670 .elementor-element.elementor-element-6efb1ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1670 .elementor-element.elementor-element-67e805c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1670 .elementor-element.elementor-element-67e805c:not(.elementor-motion-effects-element-type-background), .elementor-1670 .elementor-element.elementor-element-67e805c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vanillhome.com/wp-content/uploads/2026/06/back-gol.png");background-position:-172px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-1670 .elementor-element.elementor-element-91a4307 > .elementor-widget-container{margin:-76px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-91a4307{text-align:start;}.elementor-1670 .elementor-element.elementor-element-91a4307 .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-size:26px;font-weight:600;color:#252211;}.elementor-1670 .elementor-element.elementor-element-120d654 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-120d654.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-1670 .elementor-element.elementor-element-120d654{text-align:start;}.elementor-1670 .elementor-element.elementor-element-120d654 img{width:76%;}.elementor-1670 .elementor-element.elementor-element-cdb907a{text-align:justify;font-family:"iranyekan", Sans-serif;font-size:15px;font-weight:300;}.elementor-1670 .elementor-element.elementor-element-127ce23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-aec752a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-5c7dbe3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-5c7dbe3.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-1670 .elementor-element.elementor-element-5c7dbe3{text-align:center;}.elementor-1670 .elementor-element.elementor-element-5c7dbe3 img{width:50%;}.elementor-1670 .elementor-element.elementor-element-35bae38 > .elementor-widget-container{margin:-88px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-35bae38{text-align:center;}.elementor-1670 .elementor-element.elementor-element-35bae38 .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-size:35px;font-weight:600;color:#252211;}.elementor-1670 .elementor-element.elementor-element-e4f9c6e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1670 .elementor-element.elementor-element-e4f9c6e:not(.elementor-motion-effects-element-type-background), .elementor-1670 .elementor-element.elementor-element-e4f9c6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vanillhome.com/wp-content/uploads/2026/06/کتری-و-قوری-5.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1670 .elementor-element.elementor-element-a9cb476{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1670 .elementor-element.elementor-element-a9cb476.e-con{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-120ef2d .elementor-button{background-color:#FFEEC857;border-style:solid;border-radius:15px 15px 15px 15px;}.elementor-1670 .elementor-element.elementor-element-120ef2d.elementor-element{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-120ef2d .elementor-button:hover, .elementor-1670 .elementor-element.elementor-element-120ef2d .elementor-button:focus{color:#FAF3AD;border-color:#FAF1B6;}.elementor-1670 .elementor-element.elementor-element-120ef2d .elementor-button:hover svg, .elementor-1670 .elementor-element.elementor-element-120ef2d .elementor-button:focus svg{fill:#FAF3AD;}.elementor-1670 .elementor-element.elementor-element-83bd7b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1670 .elementor-element.elementor-element-83bd7b9.e-con{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-a22a85a .wd-products-with-bg, .elementor-1670 .elementor-element.elementor-element-a22a85a .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFAEC;--wd-bordered-bg:#FFFAEC;}.elementor-1670 .elementor-element.elementor-element-bb291b1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-509b9d5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-509b9d5.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-1670 .elementor-element.elementor-element-509b9d5{text-align:center;}.elementor-1670 .elementor-element.elementor-element-509b9d5 img{width:50%;}.elementor-1670 .elementor-element.elementor-element-522fe57 > .elementor-widget-container{margin:-88px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-522fe57{text-align:center;}.elementor-1670 .elementor-element.elementor-element-522fe57 .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-size:35px;font-weight:600;color:#252211;}.elementor-1670 .elementor-element.elementor-element-45024d8{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1670 .elementor-element.elementor-element-45024d8::before, .elementor-1670 .elementor-element.elementor-element-45024d8 > .elementor-background-video-container::before, .elementor-1670 .elementor-element.elementor-element-45024d8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1670 .elementor-element.elementor-element-45024d8 > .elementor-background-slideshow::before, .elementor-1670 .elementor-element.elementor-element-45024d8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1670 .elementor-element.elementor-element-45024d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(270deg, #000000 0%, #38281799 100%);}.elementor-1670 .elementor-element.elementor-element-c66b803{--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-1670 .elementor-element.elementor-element-30537d6{--display:flex;--position:absolute;--min-height:500px;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:0px;}body:not(.rtl) .elementor-1670 .elementor-element.elementor-element-30537d6{right:0px;}body.rtl .elementor-1670 .elementor-element.elementor-element-30537d6{left:0px;}.elementor-1670 .elementor-element.elementor-element-82d3e8e{--display:flex;--justify-content:center;--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:15%;}.elementor-1670 .elementor-element.elementor-element-82d3e8e.e-con{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-589895d{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1670 .elementor-element.elementor-element-85a8f6b .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-size:65px;font-weight:700;line-height:70px;color:#EED9BF;}.elementor-1670 .elementor-element.elementor-element-ae5793f .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-size:65px;font-weight:700;line-height:70px;color:#EED9BF;}.elementor-1670 .elementor-element.elementor-element-6305688 .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-size:65px;font-weight:700;line-height:70px;color:#EED9BF;}.elementor-1670 .elementor-element.elementor-element-618acf7 .elementor-heading-title{font-family:"iranyekan", Sans-serif;font-size:65px;font-weight:700;line-height:70px;color:#EED9BF;}.elementor-1670 .elementor-element.elementor-element-c993982{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1670 .elementor-element.elementor-element-1f2d26a > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-1670 .elementor-element.elementor-element-1f2d26a{text-align:justify;font-family:"iranyekan", Sans-serif;font-weight:300;color:#FFFBFB;}.elementor-1670 .elementor-element.elementor-element-1fa2e5e > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-1670 .elementor-element.elementor-element-1fa2e5e{text-align:justify;font-family:"iranyekan", Sans-serif;font-weight:300;color:#FFFBFB;}.elementor-1670 .elementor-element.elementor-element-f0ecfff > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-1670 .elementor-element.elementor-element-f0ecfff{text-align:justify;font-family:"iranyekan", Sans-serif;font-weight:300;color:#FFFBFB;}.elementor-1670 .elementor-element.elementor-element-8fdb6ef > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-1670 .elementor-element.elementor-element-8fdb6ef{text-align:justify;font-family:"iranyekan", Sans-serif;font-weight:300;color:#FFFBFB;}.elementor-1670 .elementor-element.elementor-element-5c2bbf1{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1670 .elementor-element.elementor-element-2524c2c .elementor-button{background-color:#02010100;font-family:"iranyekan", Sans-serif;font-size:15px;font-weight:600;}.elementor-1670 .elementor-element.elementor-element-2524c2c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-2524c2c.elementor-element{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-adcfe32 .elementor-button{background-color:#02010100;font-family:"iranyekan", Sans-serif;font-size:15px;font-weight:600;}.elementor-1670 .elementor-element.elementor-element-adcfe32 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-adcfe32.elementor-element{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-d8a84eb .elementor-button{background-color:#02010100;font-family:"iranyekan", Sans-serif;font-size:15px;font-weight:600;}.elementor-1670 .elementor-element.elementor-element-d8a84eb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-d8a84eb.elementor-element{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-cf1568a .elementor-button{background-color:#02010100;font-family:"iranyekan", Sans-serif;font-size:15px;font-weight:600;}.elementor-1670 .elementor-element.elementor-element-cf1568a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-cf1568a.elementor-element{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-1a05dcc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-arrows-yes .elementor-main-swiper{width:calc( 1400px - 40px );}.elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-main-swiper{width:1400px;}.elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-main-swiper .swiper-slide{padding:20px 20px 20px 20px;}.elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-swiper-button{font-size:20px;}.elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-testimonial__name{color:#FFF3D5;font-family:"iranyekan", Sans-serif;font-size:25px;font-weight:700;}.elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-testimonial__title{color:#FFFCFC;}body.rtl .elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__image + cite, body.rtl .elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__image + cite, body:not(.rtl) .elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite, body:not(.rtl) .elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-left:0px;margin-right:0;}body:not(.rtl) .elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__image + cite, body:not(.rtl) .elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__image + cite, body.rtl .elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite, body.rtl .elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-right:0px;margin-left:0;}.elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-testimonial--layout-image_stacked .elementor-testimonial__image + cite, .elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-testimonial--layout-image_left .elementor-testimonial__image + cite, .elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-testimonial--layout-image_right .elementor-testimonial__image + cite{margin-top:0px;}.elementor-1670 .elementor-element.elementor-element-5704ea1{--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:35px;--margin-bottom:35px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-756982c .info-box-inner{font-family:"iranyekan", Sans-serif;}.elementor-1670 .elementor-element.elementor-element-de9ae37{--display:flex;--min-height:415px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-1670 .elementor-element.elementor-element-de9ae37:not(.elementor-motion-effects-element-type-background), .elementor-1670 .elementor-element.elementor-element-de9ae37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vanillhome.com/wp-content/uploads/2026/06/A25F1042-3BA6-45E5-AB87-190FB9F24DD2-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1670 .elementor-element.elementor-element-de9ae37::before, .elementor-1670 .elementor-element.elementor-element-de9ae37 > .elementor-background-video-container::before, .elementor-1670 .elementor-element.elementor-element-de9ae37 > .e-con-inner > .elementor-background-video-container::before, .elementor-1670 .elementor-element.elementor-element-de9ae37 > .elementor-background-slideshow::before, .elementor-1670 .elementor-element.elementor-element-de9ae37 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1670 .elementor-element.elementor-element-de9ae37 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000E6;--background-overlay:'';}.elementor-1670 .elementor-element.elementor-element-de9ae37.e-con{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-8448758{text-align:justify;font-family:"iranyekan", Sans-serif;}.elementor-1670 .elementor-element.elementor-element-8448758 p{margin-block-end:15px;}.elementor-1670 .elementor-element.elementor-element-8448758 > *{max-width:57%;}.elementor-1670 .elementor-element.elementor-element-25ac58f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-4852b7d .elementor-button{background-color:#02010100;font-family:"iranyekan", Sans-serif;font-size:15px;font-weight:600;}.elementor-1670 .elementor-element.elementor-element-4852b7d.elementor-element{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-4258ab2{--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:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-4258ab2:not(.elementor-motion-effects-element-type-background), .elementor-1670 .elementor-element.elementor-element-4258ab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vanillhome.com/wp-content/uploads/2026/06/vaniiiiiiiiiiiiilll-400x225.png");background-position:728px 0px;background-repeat:no-repeat;background-size:auto;}.elementor-1670 .elementor-element.elementor-element-6d9ec71 > .elementor-widget-container{margin:89px 0px 0px 0px;}body.elementor-page-1670:not(.elementor-motion-effects-element-type-background), body.elementor-page-1670 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F6;}@media(max-width:1024px){.elementor-1670 .elementor-element.elementor-element-b685a76 .elementor-heading-title{font-size:23px;}.elementor-1670 .elementor-element.elementor-element-e6d57c2{--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-17afac0b{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-67e805c:not(.elementor-motion-effects-element-type-background), .elementor-1670 .elementor-element.elementor-element-67e805c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-216px 0px;}.elementor-1670 .elementor-element.elementor-element-91a4307 > .elementor-widget-container{margin:-58px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-91a4307 .elementor-heading-title{font-size:20px;}.elementor-1670 .elementor-element.elementor-element-aec752a{--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-bb291b1{--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-30537d6{--min-height:400px;}.elementor-1670 .elementor-element.elementor-element-82d3e8e{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1670 .elementor-element.elementor-element-85a8f6b .elementor-heading-title{font-size:35px;}.elementor-1670 .elementor-element.elementor-element-ae5793f .elementor-heading-title{font-size:35px;}.elementor-1670 .elementor-element.elementor-element-6305688 .elementor-heading-title{font-size:35px;}.elementor-1670 .elementor-element.elementor-element-618acf7 .elementor-heading-title{font-size:35px;}.elementor-1670 .elementor-element.elementor-element-1f2d26a{font-size:13px;}.elementor-1670 .elementor-element.elementor-element-1fa2e5e{font-size:13px;}.elementor-1670 .elementor-element.elementor-element-f0ecfff{font-size:13px;}.elementor-1670 .elementor-element.elementor-element-8fdb6ef{font-size:13px;}.elementor-1670 .elementor-element.elementor-element-2524c2c .elementor-button{font-size:12px;}.elementor-1670 .elementor-element.elementor-element-adcfe32 .elementor-button{font-size:12px;}.elementor-1670 .elementor-element.elementor-element-d8a84eb .elementor-button{font-size:12px;}.elementor-1670 .elementor-element.elementor-element-cf1568a .elementor-button{font-size:12px;}.elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-arrows-yes .elementor-main-swiper{width:calc( 620px - 40px );}.elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-main-swiper{width:620px;}.elementor-1670 .elementor-element.elementor-element-4258ab2:not(.elementor-motion-effects-element-type-background), .elementor-1670 .elementor-element.elementor-element-4258ab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-1670 .elementor-element.elementor-element-33b5219f{--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-7d916f5{--margin-top:0px;--margin-bottom:-24px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-b685a76 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-b685a76 .elementor-heading-title{font-size:12px;}.elementor-1670 .elementor-element.elementor-element-3119447{--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-1670 .elementor-element.elementor-element-656c25d{--width:33%;}.elementor-1670 .elementor-element.elementor-element-ad74afd{--width:33%;}.elementor-1670 .elementor-element.elementor-element-4400b20{--width:33%;}.elementor-1670 .elementor-element.elementor-element-1665b400{--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-fd0374f{--e-image-carousel-slides-to-show:3;}.elementor-1670 .elementor-element.elementor-element-28cffdd{--margin-top:0px;--margin-bottom:-24px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-42ad136 img{width:250px;}.elementor-1670 .elementor-element.elementor-element-19e9d82 > .elementor-widget-container{margin:-58px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-19e9d82 .elementor-heading-title{font-size:21px;}.elementor-1670 .elementor-element.elementor-element-e6d57c2{--margin-top:0px;--margin-bottom:-24px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-e1121ef img{width:226px;}.elementor-1670 .elementor-element.elementor-element-7bce40f > .elementor-widget-container{margin:-64px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-7bce40f .elementor-heading-title{font-size:21px;}.elementor-1670 .elementor-element.elementor-element-17afac0b{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-67e805c:not(.elementor-motion-effects-element-type-background), .elementor-1670 .elementor-element.elementor-element-67e805c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vanillhome.com/wp-content/uploads/2026/06/back-gol-768x432.png");background-position:-270px 0px;}.elementor-1670 .elementor-element.elementor-element-91a4307 > .elementor-widget-container{margin:-64px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-91a4307.elementor-element{--align-self:center;}.elementor-1670 .elementor-element.elementor-element-91a4307{text-align:center;}.elementor-1670 .elementor-element.elementor-element-91a4307 .elementor-heading-title{font-size:21px;}.elementor-1670 .elementor-element.elementor-element-120d654{text-align:center;}.elementor-1670 .elementor-element.elementor-element-120d654 img{width:226px;}.elementor-1670 .elementor-element.elementor-element-cdb907a{text-align:justify;}.elementor-1670 .elementor-element.elementor-element-aec752a{--margin-top:0px;--margin-bottom:-24px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-5c7dbe3 img{width:226px;}.elementor-1670 .elementor-element.elementor-element-35bae38 > .elementor-widget-container{margin:-64px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-35bae38 .elementor-heading-title{font-size:21px;}.elementor-1670 .elementor-element.elementor-element-bb291b1{--margin-top:21px;--margin-bottom:-24px;--margin-left:0px;--margin-right:0px;}.elementor-1670 .elementor-element.elementor-element-509b9d5 img{width:226px;}.elementor-1670 .elementor-element.elementor-element-522fe57 > .elementor-widget-container{margin:-56px 0px 0px 0px;}.elementor-1670 .elementor-element.elementor-element-522fe57 .elementor-heading-title{font-size:21px;}.elementor-1670 .elementor-element.elementor-element-45024d8{--min-height:0vh;--padding-top:60px;--padding-bottom:90px;--padding-left:30px;--padding-right:30px;}.elementor-1670 .elementor-element.elementor-element-30537d6{--width:200px;--min-height:30px;--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;bottom:-175px;}body:not(.rtl) .elementor-1670 .elementor-element.elementor-element-30537d6{right:50%;}body.rtl .elementor-1670 .elementor-element.elementor-element-30537d6{left:50%;}.elementor-1670 .elementor-element.elementor-element-82d3e8e{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1670 .elementor-element.elementor-element-2524c2c .elementor-button{font-size:15px;line-height:18px;}.elementor-1670 .elementor-element.elementor-element-adcfe32 .elementor-button{font-size:15px;line-height:18px;}.elementor-1670 .elementor-element.elementor-element-d8a84eb .elementor-button{font-size:15px;line-height:18px;}.elementor-1670 .elementor-element.elementor-element-cf1568a .elementor-button{font-size:15px;line-height:18px;}.elementor-1670 .elementor-element.elementor-element-0a25fa6.elementor-arrows-yes .elementor-main-swiper{width:calc( 100% - 40px );}.elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-main-swiper{width:100%;}.elementor-1670 .elementor-element.elementor-element-8448758{text-align:justify;font-size:13px;}.elementor-1670 .elementor-element.elementor-element-8448758 p{margin-block-end:4px;}.elementor-1670 .elementor-element.elementor-element-8448758 > *{max-width:100%;}.elementor-1670 .elementor-element.elementor-element-4852b7d .elementor-button{font-size:15px;line-height:18px;}.elementor-1670 .elementor-element.elementor-element-4258ab2:not(.elementor-motion-effects-element-type-background), .elementor-1670 .elementor-element.elementor-element-4258ab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-1670 .elementor-element.elementor-element-656c25d{--width:25%;}.elementor-1670 .elementor-element.elementor-element-ad74afd{--width:25%;}.elementor-1670 .elementor-element.elementor-element-4400b20{--width:25%;}.elementor-1670 .elementor-element.elementor-element-4360c55{--width:44.061%;}.elementor-1670 .elementor-element.elementor-element-9009e39{--width:33.3333%;}.elementor-1670 .elementor-element.elementor-element-0609fba{--width:33.3333%;}.elementor-1670 .elementor-element.elementor-element-5ebb6b9{--width:44.061%;}.elementor-1670 .elementor-element.elementor-element-703ec8e{--width:44.061%;}.elementor-1670 .elementor-element.elementor-element-fdde2d0{--width:33.3333%;}.elementor-1670 .elementor-element.elementor-element-67e805c{--width:50%;}.elementor-1670 .elementor-element.elementor-element-127ce23{--width:50%;}.elementor-1670 .elementor-element.elementor-element-a9cb476{--width:33.3333%;}.elementor-1670 .elementor-element.elementor-element-83bd7b9{--width:66.6666%;}.elementor-1670 .elementor-element.elementor-element-c66b803{--width:50%;}.elementor-1670 .elementor-element.elementor-element-30537d6{--width:30px;}.elementor-1670 .elementor-element.elementor-element-1a05dcc{--width:50%;}.elementor-1670 .elementor-element.elementor-element-25ac58f{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1670 .elementor-element.elementor-element-c66b803{--width:65%;}.elementor-1670 .elementor-element.elementor-element-1a05dcc{--width:35%;}}/* Start custom CSS for image, class: .elementor-element-d348f45 */.elementor-widget-image.simple-motion:hover img { transform: translateY(-3px) scale(1.01); transition: transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a321cf3 */.elementor-widget-image.simple-motion:hover img { transform: translateY(-3px) scale(1.01); transition: transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-99014e7 */.elementor-widget-image.simple-motion:hover img { transform: translateY(-3px) scale(1.01); transition: transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f80ace8 *//* ========== فقط روی عکس‌های انتخابی ========== */ .elementor-widget-image.gold-hover { position: relative; display: inline-block; } /* ========== عکس ========== */ .elementor-widget-image.gold-hover img { position: relative; display: block; z-index: 2; border-radius: 0; transition: transform 0.3s ease; } /* ========== حاشیه متحرک طلایی (اصلی خودت) ========== */ .elementor-widget-image.gold-hover .animated-border-box-glow { position: absolute; inset: 0; filter: blur(18px); z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box { position: absolute; inset: 0; z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box:before, .elementor-widget-image.gold-hover .animated-border-box-glow:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250%; height: 250%; background-image: conic-gradient( rgba(0,0,0,0), #FFD700, #FFA500, #FFF8DC, #FFD700, rgba(0,0,0,0) 40% ); animation: rotate 1.5s linear infinite; } /* ========== اکلیل‌های زیاد و واقعی ========== */ .elementor-widget-image.gold-hover::before { content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: 0; background-image: radial-gradient(2px 2px at 5% 10%, gold, transparent), radial-gradient(1px 1px at 8% 18%, #FFD700, transparent), radial-gradient(2px 2px at 12% 28%, #FFA500, transparent), radial-gradient(1px 1px at 15% 38%, #FFF8DC, transparent), radial-gradient(3px 3px at 18% 48%, gold, transparent), radial-gradient(1px 1px at 22% 58%, #FFD700, transparent), radial-gradient(2px 2px at 25% 68%, #FFA500, transparent), radial-gradient(1px 1px at 28% 78%, gold, transparent), radial-gradient(2px 2px at 32% 88%, #FFD700, transparent), radial-gradient(1px 1px at 36% 15%, #FFF8DC, transparent), radial-gradient(3px 3px at 40% 25%, gold, transparent), radial-gradient(1px 1px at 44% 35%, #FFD700, transparent), radial-gradient(2px 2px at 48% 45%, #FFA500, transparent), radial-gradient(1px 1px at 52% 55%, gold, transparent), radial-gradient(2px 2px at 56% 65%, #FFD700, transparent), radial-gradient(1px 1px at 60% 75%, #FFF8DC, transparent), radial-gradient(3px 3px at 64% 85%, gold, transparent), radial-gradient(1px 1px at 68% 20%, #FFD700, transparent), radial-gradient(2px 2px at 72% 30%, #FFA500, transparent), radial-gradient(1px 1px at 76% 40%, gold, transparent), radial-gradient(2px 2px at 80% 50%, #FFD700, transparent), radial-gradient(1px 1px at 84% 60%, #FFF8DC, transparent), radial-gradient(3px 3px at 88% 70%, gold, transparent), radial-gradient(1px 1px at 92% 80%, #FFD700, transparent), radial-gradient(2px 2px at 96% 90%, #FFA500, transparent); background-size: 260px 260px; background-repeat: repeat; } /* فعال شدن اکلیل */ .elementor-widget-image.gold-hover:hover::before { opacity: 1; animation: sparkleMove 2.8s linear infinite; } /* hover روی عکس */ .elementor-widget-image.gold-hover:hover img { filter: brightness(1.08) contrast(1.1); box-shadow: 0 0 30px 8px rgba(255, 215, 0, 0.55); } /* نمایش حاشیه */ .elementor-widget-image.gold-hover:hover .animated-border-box, .elementor-widget-image.gold-hover:hover .animated-border-box-glow { opacity: 1; } /* ========== انیمیشن اکلیل واقعی ========== */ @keyframes sparkleMove { 0% { transform: translateY(0); opacity: 0.4; } 50% { opacity: 1; } 100% { transform: translateY(-8px); opacity: 0.6; } } /* چرخش حاشیه */ @keyframes rotate { 100% { transform: translate(-50%, -50%) rotate(1turn); } } /* موشن افکت ملایم روی خود عکس */ .elementor-widget-image.gold-hover img { transition: transform 0.5s ease, filter 0.3s ease; } .elementor-widget-image.gold-hover:hover img { transform: translateY(-3px) scale(1.01); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eb34389 *//* ========== فقط روی عکس‌های انتخابی ========== */ .elementor-widget-image.gold-hover { position: relative; display: inline-block; } /* ========== عکس ========== */ .elementor-widget-image.gold-hover img { position: relative; display: block; z-index: 2; border-radius: 0; transition: transform 0.3s ease; } /* ========== حاشیه متحرک طلایی (اصلی خودت) ========== */ .elementor-widget-image.gold-hover .animated-border-box-glow { position: absolute; inset: 0; filter: blur(18px); z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box { position: absolute; inset: 0; z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box:before, .elementor-widget-image.gold-hover .animated-border-box-glow:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250%; height: 250%; background-image: conic-gradient( rgba(0,0,0,0), #FFD700, #FFA500, #FFF8DC, #FFD700, rgba(0,0,0,0) 40% ); animation: rotate 1.5s linear infinite; } /* ========== اکلیل‌های زیاد و واقعی ========== */ .elementor-widget-image.gold-hover::before { content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: 0; background-image: radial-gradient(2px 2px at 5% 10%, gold, transparent), radial-gradient(1px 1px at 8% 18%, #FFD700, transparent), radial-gradient(2px 2px at 12% 28%, #FFA500, transparent), radial-gradient(1px 1px at 15% 38%, #FFF8DC, transparent), radial-gradient(3px 3px at 18% 48%, gold, transparent), radial-gradient(1px 1px at 22% 58%, #FFD700, transparent), radial-gradient(2px 2px at 25% 68%, #FFA500, transparent), radial-gradient(1px 1px at 28% 78%, gold, transparent), radial-gradient(2px 2px at 32% 88%, #FFD700, transparent), radial-gradient(1px 1px at 36% 15%, #FFF8DC, transparent), radial-gradient(3px 3px at 40% 25%, gold, transparent), radial-gradient(1px 1px at 44% 35%, #FFD700, transparent), radial-gradient(2px 2px at 48% 45%, #FFA500, transparent), radial-gradient(1px 1px at 52% 55%, gold, transparent), radial-gradient(2px 2px at 56% 65%, #FFD700, transparent), radial-gradient(1px 1px at 60% 75%, #FFF8DC, transparent), radial-gradient(3px 3px at 64% 85%, gold, transparent), radial-gradient(1px 1px at 68% 20%, #FFD700, transparent), radial-gradient(2px 2px at 72% 30%, #FFA500, transparent), radial-gradient(1px 1px at 76% 40%, gold, transparent), radial-gradient(2px 2px at 80% 50%, #FFD700, transparent), radial-gradient(1px 1px at 84% 60%, #FFF8DC, transparent), radial-gradient(3px 3px at 88% 70%, gold, transparent), radial-gradient(1px 1px at 92% 80%, #FFD700, transparent), radial-gradient(2px 2px at 96% 90%, #FFA500, transparent); background-size: 260px 260px; background-repeat: repeat; } /* فعال شدن اکلیل */ .elementor-widget-image.gold-hover:hover::before { opacity: 1; animation: sparkleMove 2.8s linear infinite; } /* hover روی عکس */ .elementor-widget-image.gold-hover:hover img { filter: brightness(1.08) contrast(1.1); box-shadow: 0 0 30px 8px rgba(255, 215, 0, 0.55); } /* نمایش حاشیه */ .elementor-widget-image.gold-hover:hover .animated-border-box, .elementor-widget-image.gold-hover:hover .animated-border-box-glow { opacity: 1; } /* ========== انیمیشن اکلیل واقعی ========== */ @keyframes sparkleMove { 0% { transform: translateY(0); opacity: 0.4; } 50% { opacity: 1; } 100% { transform: translateY(-8px); opacity: 0.6; } } /* چرخش حاشیه */ @keyframes rotate { 100% { transform: translate(-50%, -50%) rotate(1turn); } } /* موشن افکت ملایم روی خود عکس */ .elementor-widget-image.gold-hover img { transition: transform 0.5s ease, filter 0.3s ease; } .elementor-widget-image.gold-hover:hover img { transform: translateY(-3px) scale(1.01); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f2153bd *//* ========== فقط روی عکس‌های انتخابی ========== */ .elementor-widget-image.gold-hover { position: relative; display: inline-block; } /* ========== عکس ========== */ .elementor-widget-image.gold-hover img { position: relative; display: block; z-index: 2; border-radius: 0; transition: transform 0.3s ease; } /* ========== حاشیه متحرک طلایی (اصلی خودت) ========== */ .elementor-widget-image.gold-hover .animated-border-box-glow { position: absolute; inset: 0; filter: blur(18px); z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box { position: absolute; inset: 0; z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box:before, .elementor-widget-image.gold-hover .animated-border-box-glow:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250%; height: 250%; background-image: conic-gradient( rgba(0,0,0,0), #FFD700, #FFA500, #FFF8DC, #FFD700, rgba(0,0,0,0) 40% ); animation: rotate 1.5s linear infinite; } /* ========== اکلیل‌های زیاد و واقعی ========== */ .elementor-widget-image.gold-hover::before { content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: 0; background-image: radial-gradient(2px 2px at 5% 10%, gold, transparent), radial-gradient(1px 1px at 8% 18%, #FFD700, transparent), radial-gradient(2px 2px at 12% 28%, #FFA500, transparent), radial-gradient(1px 1px at 15% 38%, #FFF8DC, transparent), radial-gradient(3px 3px at 18% 48%, gold, transparent), radial-gradient(1px 1px at 22% 58%, #FFD700, transparent), radial-gradient(2px 2px at 25% 68%, #FFA500, transparent), radial-gradient(1px 1px at 28% 78%, gold, transparent), radial-gradient(2px 2px at 32% 88%, #FFD700, transparent), radial-gradient(1px 1px at 36% 15%, #FFF8DC, transparent), radial-gradient(3px 3px at 40% 25%, gold, transparent), radial-gradient(1px 1px at 44% 35%, #FFD700, transparent), radial-gradient(2px 2px at 48% 45%, #FFA500, transparent), radial-gradient(1px 1px at 52% 55%, gold, transparent), radial-gradient(2px 2px at 56% 65%, #FFD700, transparent), radial-gradient(1px 1px at 60% 75%, #FFF8DC, transparent), radial-gradient(3px 3px at 64% 85%, gold, transparent), radial-gradient(1px 1px at 68% 20%, #FFD700, transparent), radial-gradient(2px 2px at 72% 30%, #FFA500, transparent), radial-gradient(1px 1px at 76% 40%, gold, transparent), radial-gradient(2px 2px at 80% 50%, #FFD700, transparent), radial-gradient(1px 1px at 84% 60%, #FFF8DC, transparent), radial-gradient(3px 3px at 88% 70%, gold, transparent), radial-gradient(1px 1px at 92% 80%, #FFD700, transparent), radial-gradient(2px 2px at 96% 90%, #FFA500, transparent); background-size: 260px 260px; background-repeat: repeat; } /* فعال شدن اکلیل */ .elementor-widget-image.gold-hover:hover::before { opacity: 1; animation: sparkleMove 2.8s linear infinite; } /* hover روی عکس */ .elementor-widget-image.gold-hover:hover img { filter: brightness(1.08) contrast(1.1); box-shadow: 0 0 30px 8px rgba(255, 215, 0, 0.55); } /* نمایش حاشیه */ .elementor-widget-image.gold-hover:hover .animated-border-box, .elementor-widget-image.gold-hover:hover .animated-border-box-glow { opacity: 1; } /* ========== انیمیشن اکلیل واقعی ========== */ @keyframes sparkleMove { 0% { transform: translateY(0); opacity: 0.4; } 50% { opacity: 1; } 100% { transform: translateY(-8px); opacity: 0.6; } } /* چرخش حاشیه */ @keyframes rotate { 100% { transform: translate(-50%, -50%) rotate(1turn); } } /* موشن افکت ملایم روی خود عکس */ .elementor-widget-image.gold-hover img { transition: transform 0.5s ease, filter 0.3s ease; } .elementor-widget-image.gold-hover:hover img { transform: translateY(-3px) scale(1.01); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-582fce1 *//* ========== فقط روی عکس‌های انتخابی ========== */ .elementor-widget-image.gold-hover { position: relative; display: inline-block; } /* ========== عکس ========== */ .elementor-widget-image.gold-hover img { position: relative; display: block; z-index: 2; border-radius: 0; transition: transform 0.3s ease; } /* ========== حاشیه متحرک طلایی (اصلی خودت) ========== */ .elementor-widget-image.gold-hover .animated-border-box-glow { position: absolute; inset: 0; filter: blur(18px); z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box { position: absolute; inset: 0; z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box:before, .elementor-widget-image.gold-hover .animated-border-box-glow:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250%; height: 250%; background-image: conic-gradient( rgba(0,0,0,0), #FFD700, #FFA500, #FFF8DC, #FFD700, rgba(0,0,0,0) 40% ); animation: rotate 1.5s linear infinite; } /* ========== اکلیل‌های زیاد و واقعی ========== */ .elementor-widget-image.gold-hover::before { content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: 0; background-image: radial-gradient(2px 2px at 5% 10%, gold, transparent), radial-gradient(1px 1px at 8% 18%, #FFD700, transparent), radial-gradient(2px 2px at 12% 28%, #FFA500, transparent), radial-gradient(1px 1px at 15% 38%, #FFF8DC, transparent), radial-gradient(3px 3px at 18% 48%, gold, transparent), radial-gradient(1px 1px at 22% 58%, #FFD700, transparent), radial-gradient(2px 2px at 25% 68%, #FFA500, transparent), radial-gradient(1px 1px at 28% 78%, gold, transparent), radial-gradient(2px 2px at 32% 88%, #FFD700, transparent), radial-gradient(1px 1px at 36% 15%, #FFF8DC, transparent), radial-gradient(3px 3px at 40% 25%, gold, transparent), radial-gradient(1px 1px at 44% 35%, #FFD700, transparent), radial-gradient(2px 2px at 48% 45%, #FFA500, transparent), radial-gradient(1px 1px at 52% 55%, gold, transparent), radial-gradient(2px 2px at 56% 65%, #FFD700, transparent), radial-gradient(1px 1px at 60% 75%, #FFF8DC, transparent), radial-gradient(3px 3px at 64% 85%, gold, transparent), radial-gradient(1px 1px at 68% 20%, #FFD700, transparent), radial-gradient(2px 2px at 72% 30%, #FFA500, transparent), radial-gradient(1px 1px at 76% 40%, gold, transparent), radial-gradient(2px 2px at 80% 50%, #FFD700, transparent), radial-gradient(1px 1px at 84% 60%, #FFF8DC, transparent), radial-gradient(3px 3px at 88% 70%, gold, transparent), radial-gradient(1px 1px at 92% 80%, #FFD700, transparent), radial-gradient(2px 2px at 96% 90%, #FFA500, transparent); background-size: 260px 260px; background-repeat: repeat; } /* فعال شدن اکلیل */ .elementor-widget-image.gold-hover:hover::before { opacity: 1; animation: sparkleMove 2.8s linear infinite; } /* hover روی عکس */ .elementor-widget-image.gold-hover:hover img { filter: brightness(1.08) contrast(1.1); box-shadow: 0 0 30px 8px rgba(255, 215, 0, 0.55); } /* نمایش حاشیه */ .elementor-widget-image.gold-hover:hover .animated-border-box, .elementor-widget-image.gold-hover:hover .animated-border-box-glow { opacity: 1; } /* ========== انیمیشن اکلیل واقعی ========== */ @keyframes sparkleMove { 0% { transform: translateY(0); opacity: 0.4; } 50% { opacity: 1; } 100% { transform: translateY(-8px); opacity: 0.6; } } /* چرخش حاشیه */ @keyframes rotate { 100% { transform: translate(-50%, -50%) rotate(1turn); } } /* موشن افکت ملایم روی خود عکس */ .elementor-widget-image.gold-hover img { transition: transform 0.5s ease, filter 0.3s ease; } .elementor-widget-image.gold-hover:hover img { transform: translateY(-3px) scale(1.01); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c877b5a *//* ========== فقط روی عکس‌های انتخابی ========== */ .elementor-widget-image.gold-hover { position: relative; display: inline-block; } /* ========== عکس ========== */ .elementor-widget-image.gold-hover img { position: relative; display: block; z-index: 2; border-radius: 0; transition: transform 0.3s ease; } /* ========== حاشیه متحرک طلایی (اصلی خودت) ========== */ .elementor-widget-image.gold-hover .animated-border-box-glow { position: absolute; inset: 0; filter: blur(18px); z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box { position: absolute; inset: 0; z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box:before, .elementor-widget-image.gold-hover .animated-border-box-glow:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250%; height: 250%; background-image: conic-gradient( rgba(0,0,0,0), #FFD700, #FFA500, #FFF8DC, #FFD700, rgba(0,0,0,0) 40% ); animation: rotate 1.5s linear infinite; } /* ========== اکلیل‌های زیاد و واقعی ========== */ .elementor-widget-image.gold-hover::before { content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: 0; background-image: radial-gradient(2px 2px at 5% 10%, gold, transparent), radial-gradient(1px 1px at 8% 18%, #FFD700, transparent), radial-gradient(2px 2px at 12% 28%, #FFA500, transparent), radial-gradient(1px 1px at 15% 38%, #FFF8DC, transparent), radial-gradient(3px 3px at 18% 48%, gold, transparent), radial-gradient(1px 1px at 22% 58%, #FFD700, transparent), radial-gradient(2px 2px at 25% 68%, #FFA500, transparent), radial-gradient(1px 1px at 28% 78%, gold, transparent), radial-gradient(2px 2px at 32% 88%, #FFD700, transparent), radial-gradient(1px 1px at 36% 15%, #FFF8DC, transparent), radial-gradient(3px 3px at 40% 25%, gold, transparent), radial-gradient(1px 1px at 44% 35%, #FFD700, transparent), radial-gradient(2px 2px at 48% 45%, #FFA500, transparent), radial-gradient(1px 1px at 52% 55%, gold, transparent), radial-gradient(2px 2px at 56% 65%, #FFD700, transparent), radial-gradient(1px 1px at 60% 75%, #FFF8DC, transparent), radial-gradient(3px 3px at 64% 85%, gold, transparent), radial-gradient(1px 1px at 68% 20%, #FFD700, transparent), radial-gradient(2px 2px at 72% 30%, #FFA500, transparent), radial-gradient(1px 1px at 76% 40%, gold, transparent), radial-gradient(2px 2px at 80% 50%, #FFD700, transparent), radial-gradient(1px 1px at 84% 60%, #FFF8DC, transparent), radial-gradient(3px 3px at 88% 70%, gold, transparent), radial-gradient(1px 1px at 92% 80%, #FFD700, transparent), radial-gradient(2px 2px at 96% 90%, #FFA500, transparent); background-size: 260px 260px; background-repeat: repeat; } /* فعال شدن اکلیل */ .elementor-widget-image.gold-hover:hover::before { opacity: 1; animation: sparkleMove 2.8s linear infinite; } /* hover روی عکس */ .elementor-widget-image.gold-hover:hover img { filter: brightness(1.08) contrast(1.1); box-shadow: 0 0 30px 8px rgba(255, 215, 0, 0.55); } /* نمایش حاشیه */ .elementor-widget-image.gold-hover:hover .animated-border-box, .elementor-widget-image.gold-hover:hover .animated-border-box-glow { opacity: 1; } /* ========== انیمیشن اکلیل واقعی ========== */ @keyframes sparkleMove { 0% { transform: translateY(0); opacity: 0.4; } 50% { opacity: 1; } 100% { transform: translateY(-8px); opacity: 0.6; } } /* چرخش حاشیه */ @keyframes rotate { 100% { transform: translate(-50%, -50%) rotate(1turn); } } /* موشن افکت ملایم روی خود عکس */ .elementor-widget-image.gold-hover img { transition: transform 0.5s ease, filter 0.3s ease; } .elementor-widget-image.gold-hover:hover img { transform: translateY(-3px) scale(1.01); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-65c91c8 *//* ========== فقط روی عکس‌های انتخابی ========== */ .elementor-widget-image.gold-hover { position: relative; display: inline-block; } /* ========== عکس ========== */ .elementor-widget-image.gold-hover img { position: relative; display: block; z-index: 2; border-radius: 0; transition: transform 0.3s ease; } /* ========== حاشیه متحرک طلایی (اصلی خودت) ========== */ .elementor-widget-image.gold-hover .animated-border-box-glow { position: absolute; inset: 0; filter: blur(18px); z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box { position: absolute; inset: 0; z-index: 1; opacity: 0; transition: opacity 0.4s ease; } .elementor-widget-image.gold-hover .animated-border-box:before, .elementor-widget-image.gold-hover .animated-border-box-glow:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250%; height: 250%; background-image: conic-gradient( rgba(0,0,0,0), #FFD700, #FFA500, #FFF8DC, #FFD700, rgba(0,0,0,0) 40% ); animation: rotate 1.5s linear infinite; } /* ========== اکلیل‌های زیاد و واقعی ========== */ .elementor-widget-image.gold-hover::before { content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: 0; background-image: radial-gradient(2px 2px at 5% 10%, gold, transparent), radial-gradient(1px 1px at 8% 18%, #FFD700, transparent), radial-gradient(2px 2px at 12% 28%, #FFA500, transparent), radial-gradient(1px 1px at 15% 38%, #FFF8DC, transparent), radial-gradient(3px 3px at 18% 48%, gold, transparent), radial-gradient(1px 1px at 22% 58%, #FFD700, transparent), radial-gradient(2px 2px at 25% 68%, #FFA500, transparent), radial-gradient(1px 1px at 28% 78%, gold, transparent), radial-gradient(2px 2px at 32% 88%, #FFD700, transparent), radial-gradient(1px 1px at 36% 15%, #FFF8DC, transparent), radial-gradient(3px 3px at 40% 25%, gold, transparent), radial-gradient(1px 1px at 44% 35%, #FFD700, transparent), radial-gradient(2px 2px at 48% 45%, #FFA500, transparent), radial-gradient(1px 1px at 52% 55%, gold, transparent), radial-gradient(2px 2px at 56% 65%, #FFD700, transparent), radial-gradient(1px 1px at 60% 75%, #FFF8DC, transparent), radial-gradient(3px 3px at 64% 85%, gold, transparent), radial-gradient(1px 1px at 68% 20%, #FFD700, transparent), radial-gradient(2px 2px at 72% 30%, #FFA500, transparent), radial-gradient(1px 1px at 76% 40%, gold, transparent), radial-gradient(2px 2px at 80% 50%, #FFD700, transparent), radial-gradient(1px 1px at 84% 60%, #FFF8DC, transparent), radial-gradient(3px 3px at 88% 70%, gold, transparent), radial-gradient(1px 1px at 92% 80%, #FFD700, transparent), radial-gradient(2px 2px at 96% 90%, #FFA500, transparent); background-size: 260px 260px; background-repeat: repeat; } /* فعال شدن اکلیل */ .elementor-widget-image.gold-hover:hover::before { opacity: 1; animation: sparkleMove 2.8s linear infinite; } /* hover روی عکس */ .elementor-widget-image.gold-hover:hover img { filter: brightness(1.08) contrast(1.1); box-shadow: 0 0 30px 8px rgba(255, 215, 0, 0.55); } /* نمایش حاشیه */ .elementor-widget-image.gold-hover:hover .animated-border-box, .elementor-widget-image.gold-hover:hover .animated-border-box-glow { opacity: 1; } /* ========== انیمیشن اکلیل واقعی ========== */ @keyframes sparkleMove { 0% { transform: translateY(0); opacity: 0.4; } 50% { opacity: 1; } 100% { transform: translateY(-8px); opacity: 0.6; } } /* چرخش حاشیه */ @keyframes rotate { 100% { transform: translate(-50%, -50%) rotate(1turn); } } /* موشن افکت ملایم روی خود عکس */ .elementor-widget-image.gold-hover img { transition: transform 0.5s ease, filter 0.3s ease; } .elementor-widget-image.gold-hover:hover img { transform: translateY(-3px) scale(1.01); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-30537d6 */.elementor-1670 .elementor-element.elementor-element-30537d6{ --dot-size: 23px; --line-color: #B0B7D04D; --dot-color: #B0B7D0; --dot-color-active: #B0B7D0; color: #fff; font-weight: bold; font-family: peyda !important; font-size: 14px; } .elementor-1670 .elementor-element.elementor-element-30537d6{ height: 80vh; height: var(--min-height); max-height: 80vh; min-height: 0 !important; } .elementor-1670 .elementor-element.elementor-element-30537d6 .dot{ height: var(--dot-size); width: var(--dot-size); background: var(--dot-color); border-radius: 100%; display: flex; align-items: center; justify-content: center; position: relative; transform: scale(0.3); transition: all 0.3s ease-in-out; cursor: pointer; } .elementor-1670 .elementor-element.elementor-element-30537d6 .dot-number{ opacity: 0; transition: all 0.3s ease-in-out; } .elementor-1670 .elementor-element.elementor-element-30537d6 .dot.active{ transform: scale(1); background: var(--dot-color-active); } .elementor-1670 .elementor-element.elementor-element-30537d6 .dot.active .dot-number{ opacity: 1; } .elementor-1670 .elementor-element.elementor-element-30537d6:before{ content: ""; position: absolute; top: 50%; height: calc(100% - 20px); max-height: 90vh; width: 1px; background: var(--line-color); left: 50%; transform: translateX(-50%) translateY(-50%); } @media (max-width: 767px){ .elementor-1670 .elementor-element.elementor-element-30537d6{ transform: translateX(-50%); flex-wrap: nowrap !important; } .elementor-1670 .elementor-element.elementor-element-30537d6:before { width: calc(100% - 20px); height: 1px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-589895d */.elementor-1670 .elementor-element.elementor-element-589895d{ --speed: 0.8s; --gap: 40px; } .elementor-1670 .elementor-element.elementor-element-589895d{ transition: all 0.3s ease-in-out; height: 70px; --height: calc(var(--h) + var(--gap)); overflow: hidden !important; } .elementor-1670 .elementor-element.elementor-element-589895d .elementor-widget{ position: absolute; top: 50%; transform: translateY(-50%); } .elementor-1670 .elementor-element.elementor-element-589895d .elementor-widget > *{ transform: translateY(calc(-10 * var(--height))); transition: none !important; } .elementor-1670 .elementor-element.elementor-element-589895d .elementor-widget.prev > *{ animation: prev var(--speed) ease-in-out; transform: translateY(calc(-1 * var(--height))); } .elementor-1670 .elementor-element.elementor-element-589895d .elementor-widget.next > *{ animation: next var(--speed) ease-in-out; transform: translateY(var(--height)); } .elementor-1670 .elementor-element.elementor-element-589895d .elementor-widget.currentUp, .elementor-1670 .elementor-element.elementor-element-589895d .elementor-widget.currentDown{ z-index: 1; } .elementor-1670 .elementor-element.elementor-element-589895d .elementor-widget.currentUp > *{ animation: currentUp var(--speed) ease-in-out; transform: translateY(0); } .elementor-1670 .elementor-element.elementor-element-589895d .elementor-widget.currentDown > *{ animation: currentDown var(--speed) ease-in-out; transform: translateY(0); } @keyframes prev { 0% {transform: translateY(0);} 100% {transform: translateY(calc(-1 * var(--height)));} } @keyframes next { 0% {transform: translateY(0);} 100% {transform: translateY(var(--height));} } @keyframes currentUp { 0% {transform: translateY(var(--height));} 100% {transform: translateY(0);} } @keyframes currentDown { 0% {transform: translateY(calc(-1 * var(--height)));} 100% {transform: translateY(0);} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c993982 */.elementor-1670 .elementor-element.elementor-element-c993982{ --speed: 0.5s; --gap: 40px; } .elementor-1670 .elementor-element.elementor-element-c993982{ transition: all 0.3s ease-in-out; height: var(--h); --height: calc(var(--h) + var(--gap)); overflow: hidden !important; } .elementor-1670 .elementor-element.elementor-element-c993982 .elementor-widget{ position: absolute; top: 50%; transform: translateY(-50%); } .elementor-1670 .elementor-element.elementor-element-c993982 .elementor-widget > *{ transform: translateY(calc(-10 * var(--height))); transition: none !important; } .elementor-1670 .elementor-element.elementor-element-c993982 .elementor-widget.prev > *{ animation: prev var(--speed) ease-in-out; transform: translateY(calc(-1 * var(--height))); } .elementor-1670 .elementor-element.elementor-element-c993982 .elementor-widget.next > *{ animation: next var(--speed) ease-in-out; transform: translateY(var(--height)); } .elementor-1670 .elementor-element.elementor-element-c993982 .elementor-widget.currentUp, .elementor-1670 .elementor-element.elementor-element-c993982 .elementor-widget.currentDown{ z-index: 1; } .elementor-1670 .elementor-element.elementor-element-c993982 .elementor-widget.currentUp > *{ animation: currentUp var(--speed) ease-in-out; transform: translateY(0); } .elementor-1670 .elementor-element.elementor-element-c993982 .elementor-widget.currentDown > *{ animation: currentDown var(--speed) ease-in-out; transform: translateY(0); } @keyframes prev { 0% {transform: translateY(0);} 100% {transform: translateY(calc(-1 * var(--height)));} } @keyframes next { 0% {transform: translateY(0);} 100% {transform: translateY(var(--height));} } @keyframes currentUp { 0% {transform: translateY(var(--height));} 100% {transform: translateY(0);} } @keyframes currentDown { 0% {transform: translateY(calc(-1 * var(--height)));} 100% {transform: translateY(0);} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2524c2c *//* استایل دکمه گرادیان متحرک - تمام رنگ‌ها از پالت جدید */ .glow-btn-elementor { background: #654829; background: -moz-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: -webkit-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: linear-gradient(to right, #654829 0%, #97784d 50%, #cbb9A4 100%); background-size: 200%; background-position: 100%; color: #faf9f6; padding: 1em 3em; border-radius: 2em; display: inline-block; box-shadow: 0 0 20px #654829; text-shadow: 0 0 5px #654829; transition: all 0.7s; border: solid 1px #97784d; font-family: sans-serif; text-align: center; cursor: pointer; } .glow-btn-elementor:hover { background: #654829; background: -moz-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: -webkit-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: linear-gradient(to right, #654829 0%, #97784d 50%, #cbb9A4 100%); background-size: 200%; background-position: 0px; box-shadow: 0 0 40px #cbb9A4; color: #faf9f6; text-shadow: 0 0 30px #654829; border: solid 1px #faf9f6; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-adcfe32 *//* استایل دکمه گرادیان متحرک - تمام رنگ‌ها از پالت جدید */ .glow-btn-elementor { background: #654829; background: -moz-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: -webkit-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: linear-gradient(to right, #654829 0%, #97784d 50%, #cbb9A4 100%); background-size: 200%; background-position: 100%; color: #faf9f6; padding: 1em 3em; border-radius: 2em; display: inline-block; box-shadow: 0 0 20px #654829; text-shadow: 0 0 5px #654829; transition: all 0.7s; border: solid 1px #97784d; font-family: sans-serif; text-align: center; cursor: pointer; } .glow-btn-elementor:hover { background: #654829; background: -moz-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: -webkit-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: linear-gradient(to right, #654829 0%, #97784d 50%, #cbb9A4 100%); background-size: 200%; background-position: 0px; box-shadow: 0 0 40px #cbb9A4; color: #faf9f6; text-shadow: 0 0 30px #654829; border: solid 1px #faf9f6; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d8a84eb *//* استایل دکمه گرادیان متحرک - تمام رنگ‌ها از پالت جدید */ .glow-btn-elementor { background: #654829; background: -moz-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: -webkit-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: linear-gradient(to right, #654829 0%, #97784d 50%, #cbb9A4 100%); background-size: 200%; background-position: 100%; color: #faf9f6; padding: 1em 3em; border-radius: 2em; display: inline-block; box-shadow: 0 0 20px #654829; text-shadow: 0 0 5px #654829; transition: all 0.7s; border: solid 1px #97784d; font-family: sans-serif; text-align: center; cursor: pointer; } .glow-btn-elementor:hover { background: #654829; background: -moz-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: -webkit-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: linear-gradient(to right, #654829 0%, #97784d 50%, #cbb9A4 100%); background-size: 200%; background-position: 0px; box-shadow: 0 0 40px #cbb9A4; color: #faf9f6; text-shadow: 0 0 30px #654829; border: solid 1px #faf9f6; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cf1568a *//* استایل دکمه گرادیان متحرک - تمام رنگ‌ها از پالت جدید */ .glow-btn-elementor { background: #654829; background: -moz-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: -webkit-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: linear-gradient(to right, #654829 0%, #97784d 50%, #cbb9A4 100%); background-size: 200%; background-position: 100%; color: #faf9f6; padding: 1em 3em; border-radius: 2em; display: inline-block; box-shadow: 0 0 20px #654829; text-shadow: 0 0 5px #654829; transition: all 0.7s; border: solid 1px #97784d; font-family: sans-serif; text-align: center; cursor: pointer; } .glow-btn-elementor:hover { background: #654829; background: -moz-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: -webkit-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: linear-gradient(to right, #654829 0%, #97784d 50%, #cbb9A4 100%); background-size: 200%; background-position: 0px; box-shadow: 0 0 40px #cbb9A4; color: #faf9f6; text-shadow: 0 0 30px #654829; border: solid 1px #faf9f6; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c2bbf1 */.elementor-1670 .elementor-element.elementor-element-5c2bbf1{ --speed: 0.5s; --gap: 40px; } .elementor-1670 .elementor-element.elementor-element-5c2bbf1{ transition: all 0.3s ease-in-out; height: var(--h); --height: calc(var(--h) + var(--gap)); overflow: hidden !important; } .elementor-1670 .elementor-element.elementor-element-5c2bbf1 .elementor-widget{ position: absolute; top: 50%; transform: translateY(-50%); } .elementor-1670 .elementor-element.elementor-element-5c2bbf1 .elementor-widget > *{ transform: translateY(calc(-10 * var(--height))); transition: none !important; } .elementor-1670 .elementor-element.elementor-element-5c2bbf1 .elementor-widget.prev > *{ animation: prev var(--speed) ease-in-out; transform: translateY(calc(-1 * var(--height))); } .elementor-1670 .elementor-element.elementor-element-5c2bbf1 .elementor-widget.next > *{ animation: next var(--speed) ease-in-out; transform: translateY(var(--height)); } .elementor-1670 .elementor-element.elementor-element-5c2bbf1 .elementor-widget.currentUp, .elementor-1670 .elementor-element.elementor-element-5c2bbf1 .elementor-widget.currentDown{ z-index: 1; } .elementor-1670 .elementor-element.elementor-element-5c2bbf1 .elementor-widget.currentUp > *{ animation: currentUp var(--speed) ease-in-out; transform: translateY(0); } .elementor-1670 .elementor-element.elementor-element-5c2bbf1 .elementor-widget.currentDown > *{ animation: currentDown var(--speed) ease-in-out; transform: translateY(0); } @keyframes prev { 0% {transform: translateY(0);} 100% {transform: translateY(calc(-1 * var(--height)));} } @keyframes next { 0% {transform: translateY(0);} 100% {transform: translateY(var(--height));} } @keyframes currentUp { 0% {transform: translateY(var(--height));} 100% {transform: translateY(0);} } @keyframes currentDown { 0% {transform: translateY(calc(-1 * var(--height)));} 100% {transform: translateY(0);} }/* End custom CSS */ /* Start custom CSS for testimonial-carousel, class: .elementor-element-0a25fa6 */.elementor-1670 .elementor-element.elementor-element-0a25fa6{ --radius: 8px; --height: 320px; --active-height: 410px; --overlay: 0.75; } .elementor-1670 .elementor-element.elementor-element-0a25fa6{ opacity: 0; transform: translateX(100px); transition: all 0.8s ease-in-out; } .elementor-1670 .elementor-element.elementor-element-0a25fa6.loaded{ opacity: 1; transform: translateX(0); } .elementor-1670 .elementor-element.elementor-element-0a25fa6 .swiper-wrapper{ height: var(--active-height); align-items: center; } .elementor-1670 .elementor-element.elementor-element-0a25fa6:not(.loaded) .swiper-wrapper{ transition-duration: 0s !important; } .elementor-1670 .elementor-element.elementor-element-0a25fa6 .swiper-slide{ display: flex; align-items: flex-end; border-radius: var(--radius); height: var(--height); box-shadow: 0 0 50px rgba(0,0,0,0.15); } .elementor-1670 .elementor-element.elementor-element-0a25fa6.loaded .swiper-slide{ transition: all 0.3s ease-in-out 0.2s; } .elementor-1670 .elementor-element.elementor-element-0a25fa6 .swiper-slide.swiper-slide-active{ height: var(--active-height); } .elementor-1670 .elementor-element.elementor-element-0a25fa6 .swiper-slide:before{ content: ""; position: absolute; top: 0; left: 0; background: rgb(0,0,0); background: linear-gradient(20deg, rgba(0,0,0,var(--overlay)) 0%, rgba(0,0,0,0) 100%); height: 100%; width: 100%; z-index: 1; } .elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-testimonial__footer{ display: block; } .elementor-1670 .elementor-element.elementor-element-0a25fa6 img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--radius); } .elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-testimonial__cite{ z-index: 2; position: relative; } .elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-testimonial__name{ margin-bottom: 5px; } .elementor-1670 .elementor-element.elementor-element-0a25fa6 .swiper-pagination, .elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-swiper-button{ display: none; } .elementor-1670 .elementor-element.elementor-element-0a25fa6 .swiper-container{ overflow: hidden; margin-left: auto; margin-right: auto; } /*TABLET*/ @media (max-width: 1024px){ .elementor-1670 .elementor-element.elementor-element-0a25fa6{ --height: 250px; --active-height: 300px; } } @media (max-width: 767px){ .elementor-1670 .elementor-element.elementor-element-0a25fa6{ --height: 100px; --active-height: 120px; width: 100% !important; max-width: var(--container-widget-width, 300px) !important; } .elementor-1670 .elementor-element.elementor-element-0a25fa6 .elementor-testimonial__cite{ opacity: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45024d8 */.elementor-1670 .elementor-element.elementor-element-45024d8{ background: #fff; --background-speed: 0.5s; } .elementor-1670 .elementor-element.elementor-element-45024d8 .elementor-background-slideshow{ display: none; } .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-background, .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-background img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 1s ease-in-out; } .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-background img{ object-fit: cover; opacity: 0; transform: scale(1.1); } .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-background img.prev, .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-background img.currentBackward, .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-background img.currentForward{ opacity: 1; transform: scale(1.1); } .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-background img.currentBackward, .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-background img.currentForward{ z-index: 1; opacity: 1; animation: bgNext var(--background-speed) linear; transition: all 1s ease-in-out; transform: scale(1); } .elementor-1670 .elementor-element.elementor-element-45024d8:before{ z-index: 2; } .elementor-1670 .elementor-element.elementor-element-45024d8 > .elementor-element{ z-index: 3; } .elementor-1670 .elementor-element.elementor-element-45024d8 .as-bar, .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-left, .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-right{ opacity: 0; transition: all 0.8s ease-in-out; } .elementor-1670 .elementor-element.elementor-element-45024d8.loaded .as-bar, .elementor-1670 .elementor-element.elementor-element-45024d8.loaded .as-slider-left, .elementor-1670 .elementor-element.elementor-element-45024d8.loaded .as-slider-right{ opacity: 1; } /*.elementor-1670 .elementor-element.elementor-element-45024d8 .ds-slider-left a:focus,*/ /*.elementor-1670 .elementor-element.elementor-element-45024d8 .ds-slider-right a:focus{*/ /* outline: none !important;*/ /*}*/ @keyframes bgNext { 0% {opacity: 0; transform: scale(1.1);} 100% {opacity: 1; transform: scale(1);} } @media (min-width: 768px){ .elementor-1670 .elementor-element.elementor-element-45024d8 .as-bar, .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-left, .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-right{ position: relative; } } @media (max-width: 1380px) and (min-width: 768px){ .elementor-1670 .elementor-element.elementor-element-45024d8{ padding-left: 4%; padding-right: 4%; } } @media (max-width: 767px){ .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-left{ left: calc(50% - 300px/2) !important; } .elementor-1670 .elementor-element.elementor-element-45024d8 .as-slider-right{ right: calc(50% - 300px/2) !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4852b7d *//* استایل دکمه گرادیان متحرک - تمام رنگ‌ها از پالت جدید */ .glow-btn-elementor { background: #654829; background: -moz-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: -webkit-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: linear-gradient(to right, #654829 0%, #97784d 50%, #cbb9A4 100%); background-size: 200%; background-position: 100%; color: #faf9f6; padding: 1em 3em; border-radius: 2em; display: inline-block; box-shadow: 0 0 20px #654829; text-shadow: 0 0 5px #654829; transition: all 0.7s; border: solid 1px #97784d; font-family: sans-serif; text-align: center; cursor: pointer; } .glow-btn-elementor:hover { background: #654829; background: -moz-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: -webkit-linear-gradient(left, #654829 0%, #97784d 50%, #cbb9A4 100%); background: linear-gradient(to right, #654829 0%, #97784d 50%, #cbb9A4 100%); background-size: 200%; background-position: 0px; box-shadow: 0 0 40px #cbb9A4; color: #faf9f6; text-shadow: 0 0 30px #654829; border: solid 1px #faf9f6; }/* End custom CSS */