.elementor-29 .elementor-element.elementor-element-5aa67d4{--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-29 .elementor-element.elementor-element-3a2058d{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-3a2058d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-385cd61{--display:flex;--justify-content:center;}.elementor-29 .elementor-element.elementor-element-4efba5b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box__front{background-image:url("https://etesalatonline.com/wp-content/uploads/2025/07/Screenshot.webp");background-position:-318px -39px;background-size:cover;}.elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box__back{background-image:url("https://etesalatonline.com/wp-content/uploads/2025/07/Screenshot.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#451993A3;text-align:right;justify-content:center;}.elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box__back .elementor-flip-box__layer__overlay{background-color:#492E7900;mix-blend-mode:luminosity;text-align:center;justify-content:flex-end;}.elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box{height:342px;}.elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box__layer, .elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box__layer__overlay{border-radius:30px;}.elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:9px;color:#FFFFFF;font-size:19px;}.elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box__button{margin-center:0;}.elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box__back .elementor-flip-box__layer__description{color:var( --e-global-color-primary );font-size:18px;text-decoration:none;line-height:1px;}.elementor-29 .elementor-element.elementor-element-8b9c193{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-95faee3{--display:flex;}.elementor-29 .elementor-element.elementor-element-b67d7a0{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #60FF5D 0%, #1AA017 100%);transition:background 1.5s;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-b67d7a0:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-29 .elementor-element.elementor-element-b67d7a0.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-b67d7a0 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-b67d7a0.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-b67d7a0.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-b67d7a0.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-b67d7a0 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-b67d7a0 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-b67d7a0 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-b67d7a0 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-b67d7a0 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f4b97db{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-e5a0a64{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #FF7E93 0%, #B10421 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-e5a0a64:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-29 .elementor-element.elementor-element-e5a0a64.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-e5a0a64 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-e5a0a64.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-e5a0a64.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-e5a0a64.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-e5a0a64 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-e5a0a64 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-e5a0a64 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-e5a0a64 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-e5a0a64:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-e5a0a64:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-e5a0a64 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-9cbf15f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-2d6bee4{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #AB81F7 0%, var( --e-global-color-primary ) 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-2d6bee4:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-29 .elementor-element.elementor-element-2d6bee4.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-2d6bee4 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-2d6bee4.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-2d6bee4.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-2d6bee4.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-2d6bee4 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-2d6bee4 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-2d6bee4 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-2d6bee4 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-2d6bee4 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-29aa5c3{--display:flex;}.elementor-29 .elementor-element.elementor-element-1742e50{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #60FF5D 0%, #1AA017 100%);transition:background 1.5s;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-1742e50:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-29 .elementor-element.elementor-element-1742e50 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-1742e50.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-1742e50.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-1742e50.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-1742e50 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-1742e50 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-1742e50 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-1742e50 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-1742e50 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-6ddf5e5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-5e86450{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #FF7E93 0%, #B10421 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-5e86450:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-29 .elementor-element.elementor-element-5e86450.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-5e86450 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-5e86450.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-5e86450.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-5e86450.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-5e86450 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-5e86450 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-5e86450 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-5e86450 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-5e86450:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-5e86450:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-5e86450 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-146d1d6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-a1c4783{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #AB81F7 0%, var( --e-global-color-primary ) 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-a1c4783:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-29 .elementor-element.elementor-element-a1c4783.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-a1c4783 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-a1c4783.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-a1c4783.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-a1c4783.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-a1c4783 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-a1c4783 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-a1c4783 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-a1c4783 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-a1c4783 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f655513{--display:flex;}.elementor-29 .elementor-element.elementor-element-f30c952{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #60FF5D 0%, #1AA017 100%);transition:background 1.5s;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-f30c952:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-29 .elementor-element.elementor-element-f30c952 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-f30c952.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f30c952.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-f30c952.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f30c952 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-f30c952 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-f30c952 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-f30c952 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-f30c952 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-e054e8a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-8f29999{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #FF7E93 0%, #B10421 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-8f29999:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-29 .elementor-element.elementor-element-8f29999.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-8f29999 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-8f29999.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-8f29999.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-8f29999.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-8f29999 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-8f29999 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-8f29999 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-8f29999 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-8f29999:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-8f29999:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-8f29999 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-24ba0d4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-55f7144{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #AB81F7 0%, var( --e-global-color-primary ) 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-55f7144:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-29 .elementor-element.elementor-element-55f7144.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-55f7144 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-55f7144.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-55f7144.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-55f7144.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-55f7144 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-55f7144 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-55f7144 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-55f7144 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-55f7144 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-be626d7{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:21px;--e-n-carousel-arrow-normal-color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-be626d7 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-radius:33px 33px 33px 33px;}.elementor-29 .elementor-element.elementor-element-0a53a94{--display:flex;--justify-content:center;}.elementor-29 .elementor-element.elementor-element-9ee3686{--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-29 .elementor-element.elementor-element-3f52f8f{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-3f52f8f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-73b301a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;}.elementor-29 .elementor-element.elementor-element-73b301a.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-29 .elementor-element.elementor-element-000fac9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-5a7d595{--display:flex;}.elementor-29 .elementor-element.elementor-element-7e51ffa{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #60FF5D 0%, #1AA017 100%);transition:background 1.5s;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-7e51ffa:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-29 .elementor-element.elementor-element-7e51ffa.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-7e51ffa .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-7e51ffa.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-7e51ffa.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-7e51ffa.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-7e51ffa .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-7e51ffa .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-7e51ffa .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-7e51ffa .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-7e51ffa .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f3afb7a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-6324c7d{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #FF7E93 0%, #B10421 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-6324c7d:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-29 .elementor-element.elementor-element-6324c7d.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-6324c7d .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-6324c7d.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-6324c7d.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-6324c7d.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-6324c7d .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-6324c7d .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-6324c7d .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-6324c7d .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-6324c7d:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-6324c7d:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-6324c7d .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-2364616{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-6ef1fe5{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #AB81F7 0%, var( --e-global-color-primary ) 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-6ef1fe5:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-29 .elementor-element.elementor-element-6ef1fe5.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-6ef1fe5 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-6ef1fe5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-6ef1fe5.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-6ef1fe5.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-6ef1fe5 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-6ef1fe5 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-6ef1fe5 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-6ef1fe5 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-6ef1fe5 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-e5e11d5{--display:flex;}.elementor-29 .elementor-element.elementor-element-ae09764{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #60FF5D 0%, #1AA017 100%);transition:background 1.5s;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-ae09764:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-29 .elementor-element.elementor-element-ae09764.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-ae09764 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-ae09764.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-ae09764.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-ae09764.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-ae09764 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-ae09764 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-ae09764 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-ae09764 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-ae09764 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-c4dd251{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-41f87a5{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #FF7E93 0%, #B10421 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-41f87a5:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-29 .elementor-element.elementor-element-41f87a5.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-41f87a5 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-41f87a5.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-41f87a5.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-41f87a5.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-41f87a5 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-41f87a5 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-41f87a5 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-41f87a5 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-41f87a5:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-41f87a5:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-41f87a5 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-5c6b17b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-a6ce197{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #AB81F7 0%, var( --e-global-color-primary ) 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-a6ce197:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-29 .elementor-element.elementor-element-a6ce197.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-a6ce197 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-a6ce197.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-a6ce197.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-a6ce197.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-a6ce197 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-a6ce197 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-a6ce197 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-a6ce197 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-a6ce197 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-4d8a6f6{--display:flex;}.elementor-29 .elementor-element.elementor-element-b741c2b{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #60FF5D 0%, #1AA017 100%);transition:background 1.5s;border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-b741c2b:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-29 .elementor-element.elementor-element-b741c2b.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-b741c2b .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-b741c2b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-b741c2b.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-b741c2b.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-b741c2b .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-b741c2b .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-b741c2b .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-b741c2b .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-b741c2b .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-b3b2529{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-671ec4c{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #FF7E93 0%, #B10421 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-671ec4c:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-29 .elementor-element.elementor-element-671ec4c.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-671ec4c .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-671ec4c.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-671ec4c.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-671ec4c.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-29 .elementor-element.elementor-element-671ec4c .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-671ec4c .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-671ec4c .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-671ec4c .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-671ec4c:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-671ec4c:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-671ec4c .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-9dd7769{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-d774f85{background-color:transparent;padding:24px 24px 24px 24px;background-image:linear-gradient(180deg, #AB81F7 0%, var( --e-global-color-primary ) 100%);border-radius:20px 20px 20px 20px;--icon-box-icon-margin:15px;}.elementor-29 .elementor-element.elementor-element-d774f85:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-29 .elementor-element.elementor-element-d774f85.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-d774f85 .elementor-icon-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-d774f85.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-d774f85.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-d774f85.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-d774f85 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-29 .elementor-element.elementor-element-d774f85 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-d774f85 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-d774f85 .elementor-icon-box-title{color:#FFFBFB;}.elementor-29 .elementor-element.elementor-element-d774f85 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f7057e4{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:21px;--e-n-carousel-arrow-normal-color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-f7057e4 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-radius:33px 33px 33px 33px;}.elementor-29 .elementor-element.elementor-element-142870d{--display:flex;--justify-content:center;}.elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box__front{background-image:url("https://etesalatonline.com/wp-content/uploads/2025/07/Screenshot.webp");background-position:-318px -39px;background-size:cover;}.elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box__back{background-image:url("https://etesalatonline.com/wp-content/uploads/2025/07/Screenshot.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#451993A3;text-align:right;justify-content:center;}.elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box__back .elementor-flip-box__layer__overlay{background-color:#492E7900;mix-blend-mode:luminosity;text-align:center;justify-content:flex-end;}.elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box{height:342px;}.elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box__layer, .elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box__layer__overlay{border-radius:30px;}.elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:9px;color:#FFFFFF;font-size:19px;}.elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box__button{margin-center:0;}.elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box__back .elementor-flip-box__layer__description{color:var( --e-global-color-primary );font-size:18px;text-decoration:none;line-height:1px;}.elementor-29 .elementor-element.elementor-element-ee08dfc{--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:020px 20px;--row-gap:020px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-a52a3dd{--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-29 .elementor-element.elementor-element-ee6cdd4.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-ee6cdd4 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-29 .elementor-element.elementor-element-178374b{--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-29 .elementor-element.elementor-element-003824e.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-003824e img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-29 .elementor-element.elementor-element-f727e17{--display:flex;--margin-top:42px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-b57c32a{width:100%;max-width:100%;}.elementor-29 .elementor-element.elementor-element-b57c32a .elementor-image-box-wrapper{text-align:center;}.elementor-29 .elementor-element.elementor-element-b57c32a .elementor-image-box-title{font-size:25px;font-weight:700;}.elementor-29 .elementor-element.elementor-element-b57c32a .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-29 .elementor-element.elementor-element-7c12f2f{--display:flex;}.elementor-29 .elementor-element.elementor-element-2fca5eb{--display:flex;}.elementor-29 .elementor-element.elementor-element-ee13b52.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-2dd1881{--display:flex;}.elementor-29 .elementor-element.elementor-element-2dd1881:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-2dd1881 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-29 .elementor-element.elementor-element-01510d5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-77285ce{--display:flex;}.elementor-29 .elementor-element.elementor-element-85f8ec1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-5e838f2{--display:flex;}.elementor-29 .elementor-element.elementor-element-ac10c24.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-fac8bf5{--display:flex;}.elementor-29 .elementor-element.elementor-element-6a4348f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-f6e20b9{--display:flex;}.elementor-29 .elementor-element.elementor-element-e8c5d06.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-25f0b27{--display:flex;}.elementor-29 .elementor-element.elementor-element-e354e0b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-f8d20af{--display:flex;}.elementor-29 .elementor-element.elementor-element-bea1770.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-6ec7808{--display:flex;}.elementor-29 .elementor-element.elementor-element-0281006.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-0d7e89a{--e-n-carousel-swiper-slides-to-display:8;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-29 .elementor-element.elementor-element-0d7e89a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-d4c8ac1{--display:flex;}.elementor-29 .elementor-element.elementor-element-3b809fc .jet-tabs > .jet-tabs__control-wrapper{align-self:flex-start;justify-content:flex-start;}.elementor-29 .elementor-element.elementor-element-3b809fc .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control{align-self:flex-start;}.elementor-29 .elementor-element.elementor-element-3b809fc .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control{justify-content:flex-start;}.elementor-29 .elementor-element.elementor-element-3b809fc .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control .jet-tabs__label-image{width:60%;}.elementor-29 .elementor-element.elementor-element-3b809fc .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control .jet-tabs__label-image{width:60%;}.elementor-29 .elementor-element.elementor-element-3b809fc .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control, .elementor-29 .elementor-element.elementor-element-3b809fc .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control{border-style:none;}.elementor-29 .elementor-element.elementor-element-3b809fc .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control.active-tab{border-radius:77px 77px 77px 77px;}.elementor-29 .elementor-element.elementor-element-3b809fc .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control.active-tab{border-radius:77px 77px 77px 77px;}.elementor-29 .elementor-element.elementor-element-ff5a535{--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;--flex-wrap:wrap;}.elementor-29 .elementor-element.elementor-element-2718ffa{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-fbefc14{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-fbefc14.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-fbefc14 .elementor-image-box-wrapper{text-align:right;}.elementor-29 .elementor-element.elementor-element-fbefc14 .elementor-image-box-title{font-size:21px;font-weight:700;}.elementor-29 .elementor-element.elementor-element-fbefc14 .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-29 .elementor-element.elementor-element-42946a1{--display:flex;}.elementor-29 .elementor-element.elementor-element-9956b6d.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-9956b6d.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-9956b6d.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-f708cc5{--display:flex;}.elementor-29 .elementor-element.elementor-element-2dbbc08.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-2dbbc08.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-2dbbc08.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-a2770af{--display:flex;}.elementor-29 .elementor-element.elementor-element-da31a4a.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-da31a4a.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-da31a4a.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-d4ee775{--display:flex;}.elementor-29 .elementor-element.elementor-element-22ffbc5.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-22ffbc5.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-22ffbc5.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-ee9e0a3{--display:flex;}.elementor-29 .elementor-element.elementor-element-7c535b6.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-7c535b6.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-7c535b6.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-b5e0484{--display:flex;}.elementor-29 .elementor-element.elementor-element-4dc7530.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-4dc7530.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-4dc7530.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-ffd4680{--display:flex;}.elementor-29 .elementor-element.elementor-element-cec3c8f.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-cec3c8f.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-cec3c8f.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-b6a82b6{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:10px;width:100%;max-width:100%;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-29 .elementor-element.elementor-element-e1b324e{--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;--flex-wrap:wrap;}.elementor-29 .elementor-element.elementor-element-7ff70ab{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-f24d1b2{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-f24d1b2.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-f24d1b2 .elementor-image-box-wrapper{text-align:right;}.elementor-29 .elementor-element.elementor-element-f24d1b2 .elementor-image-box-title{font-size:21px;font-weight:700;}.elementor-29 .elementor-element.elementor-element-f24d1b2 .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-29 .elementor-element.elementor-element-51585e6{--display:flex;}.elementor-29 .elementor-element.elementor-element-fee2de6{--display:flex;}.elementor-29 .elementor-element.elementor-element-5dd76db.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-5dd76db.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-5dd76db.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-ba8c0c6{--display:flex;}.elementor-29 .elementor-element.elementor-element-16770c9.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-16770c9.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-16770c9.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-424cdae{--display:flex;}.elementor-29 .elementor-element.elementor-element-d57ffae.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-d57ffae.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-d57ffae.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-affa075{--display:flex;}.elementor-29 .elementor-element.elementor-element-c58f94e.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-c58f94e.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-c58f94e.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-138c02e{--display:flex;}.elementor-29 .elementor-element.elementor-element-b89ec9c.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-b89ec9c.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-b89ec9c.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-1a6c342{--display:flex;}.elementor-29 .elementor-element.elementor-element-9c72f10.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-9c72f10.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-9c72f10.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-f16103d{--display:flex;}.elementor-29 .elementor-element.elementor-element-48e94b8.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-48e94b8.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-48e94b8.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-620910d{--display:flex;}.elementor-29 .elementor-element.elementor-element-1a7d529.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-1a7d529.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-1a7d529.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-6b40a0a{--display:flex;}.elementor-29 .elementor-element.elementor-element-b419576.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-b419576.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-b419576.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-05760cc{--display:flex;}.elementor-29 .elementor-element.elementor-element-9831dfe.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-9831dfe.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-9831dfe.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-ecc1c75{--display:flex;}.elementor-29 .elementor-element.elementor-element-bb8dbdf.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-bb8dbdf.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-bb8dbdf.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-49f5e69{--display:flex;}.elementor-29 .elementor-element.elementor-element-c471b8e.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-c471b8e.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-c471b8e.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-3229cb6{--display:flex;}.elementor-29 .elementor-element.elementor-element-abc20b3.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-abc20b3.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-abc20b3.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-3bb259f{--display:flex;}.elementor-29 .elementor-element.elementor-element-e98a5c9.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-e98a5c9.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-e98a5c9.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-img img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:100px;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title{font-size:16px;text-decoration:none;}.elementor-29 .elementor-element.elementor-element-7ab4ad3{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-29 .elementor-element.elementor-element-94ad727{--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-29 .elementor-element.elementor-element-2f8c966{--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-29 .elementor-element.elementor-element-ee85f64{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-5f33d38{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-5f33d38.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-5f33d38 .elementor-image-box-wrapper{text-align:right;}.elementor-29 .elementor-element.elementor-element-5f33d38 .elementor-image-box-title{font-size:21px;font-weight:700;}.elementor-29 .elementor-element.elementor-element-5f33d38 .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-29 .elementor-element.elementor-element-86b6407{--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-29 .elementor-element.elementor-element-14cf7df{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-1a49d87.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-1a49d87 .elementor-image-box-wrapper{text-align:justify;}.elementor-29 .elementor-element.elementor-element-1a49d87.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-1a49d87.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-1a49d87.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-1a49d87 .elementor-image-box-title{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-1a49d87 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-1a49d87 .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-c270afa{--display:flex;}.elementor-29 .elementor-element.elementor-element-4cd965b.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-4cd965b .elementor-image-box-wrapper{text-align:justify;}.elementor-29 .elementor-element.elementor-element-4cd965b.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-4cd965b.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-4cd965b.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-4cd965b .elementor-image-box-title{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-4cd965b .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-4cd965b .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-66172f6{--display:flex;}.elementor-29 .elementor-element.elementor-element-66172f6.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-67c4cc2.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-67c4cc2 .elementor-image-box-wrapper{text-align:justify;}.elementor-29 .elementor-element.elementor-element-67c4cc2.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-67c4cc2.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-67c4cc2.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-67c4cc2 .elementor-image-box-title{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-67c4cc2 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-67c4cc2 .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-13479f8{--display:flex;}.elementor-29 .elementor-element.elementor-element-13479f8.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-46c5861.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-46c5861 .elementor-image-box-wrapper{text-align:justify;}.elementor-29 .elementor-element.elementor-element-46c5861.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-46c5861.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-46c5861.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-46c5861 .elementor-image-box-title{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-46c5861 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-46c5861 .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-35defd3{--display:flex;}.elementor-29 .elementor-element.elementor-element-35defd3.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-76f523d.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-76f523d .elementor-image-box-wrapper{text-align:justify;}.elementor-29 .elementor-element.elementor-element-76f523d.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-76f523d.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-76f523d.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-76f523d .elementor-image-box-title{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-76f523d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-76f523d .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-a75e844{--display:flex;}.elementor-29 .elementor-element.elementor-element-a75e844.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-29c6ab0.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-29c6ab0 .elementor-image-box-wrapper{text-align:justify;}.elementor-29 .elementor-element.elementor-element-29c6ab0.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-29 .elementor-element.elementor-element-29c6ab0.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-29 .elementor-element.elementor-element-29c6ab0.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-29c6ab0 .elementor-image-box-title{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-29c6ab0 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-29 .elementor-element.elementor-element-29c6ab0 .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-29 .elementor-element.elementor-element-055172d{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-29 .elementor-element.elementor-element-4dc712c{--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;--flex-wrap:wrap;}.elementor-29 .elementor-element.elementor-element-7121430{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-26767f3{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-26767f3.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-26767f3 .elementor-image-box-wrapper{text-align:right;}.elementor-29 .elementor-element.elementor-element-26767f3 .elementor-image-box-title{font-size:21px;font-weight:700;}.elementor-29 .elementor-element.elementor-element-26767f3 .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-29 .elementor-element.elementor-element-a0673bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper{background-color:var( --e-global-color-primary );flex-grow:1;padding:19px 19px 19px 19px;border-radius:30px 30px 30px 30px;}.elementor-29 .elementor-element.elementor-element-c7ecd10.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-left > .jet-tabs__control-wrapper{min-width:336px;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-right > .jet-tabs__control-wrapper{min-width:336px;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-left > .jet-tabs__content-wrapper{min-width:calc(100% - 336px);}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-right > .jet-tabs__content-wrapper{min-width:calc(100% - 336px);}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control{flex-grow:1;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-left > .jet-tabs__control-wrapper > .jet-tabs__control.jet-tabs__control-icon-left .jet-tabs__control-inner{justify-content:center;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-left > .jet-tabs__control-wrapper > .jet-tabs__control.jet-tabs__control-icon-right .jet-tabs__control-inner{justify-content:center;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-right > .jet-tabs__control-wrapper > .jet-tabs__control.jet-tabs__control-icon-left .jet-tabs__control-inner{justify-content:center;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-right > .jet-tabs__control-wrapper > .jet-tabs__control.jet-tabs__control-icon-right .jet-tabs__control-inner{justify-content:center;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-left > .jet-tabs__control-wrapper > .jet-tabs__control.jet-tabs__control-icon-top .jet-tabs__control-inner{align-items:center;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-right > .jet-tabs__control-wrapper > .jet-tabs__control.jet-tabs__control-icon-top .jet-tabs__control-inner{align-items:center;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control .jet-tabs__label-text{color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control .jet-tabs__label-text{color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control .jet-tabs__label-icon{color:#FFFAFA;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control .jet-tabs__label-icon{color:#FFFAFA;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control:hover .jet-tabs__label-text{color:#FFF900;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control:hover .jet-tabs__label-text{color:#FFF900;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control:hover .jet-tabs__label-icon{color:#FFF900;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control:hover .jet-tabs__label-icon{color:#FFF900;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control.active-tab .jet-tabs__label-text{color:#FFF900;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control.active-tab .jet-tabs__label-text{color:#FFF900;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control.active-tab .jet-tabs__label-icon{color:#FFF900;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control.active-tab .jet-tabs__label-icon{color:#FFF900;}.elementor-29 .elementor-element.elementor-element-ecf4f3c{--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;--flex-wrap:wrap;--margin-top:38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-c7efde3{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-8944793{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-8944793.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-8944793 .elementor-image-box-wrapper{text-align:right;}.elementor-29 .elementor-element.elementor-element-8944793 .elementor-image-box-title{font-size:21px;font-weight:700;}.elementor-29 .elementor-element.elementor-element-8944793 .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-29 .elementor-element.elementor-element-5aed787 > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}.elementor-29 .elementor-element.elementor-element-5aed787{padding:0px 0px 0px 0px;z-index:50;}.elementor-29 .elementor-element.elementor-element-5aed787 .jet-listing-grid__slider-icon{width:24px;height:24px;line-height:24px;margin-top:calc( -24px/2 );color:#FFFFFF;background:var( --e-global-color-primary );}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-3a2058d{--width:45%;}.elementor-29 .elementor-element.elementor-element-385cd61{--width:100%;}.elementor-29 .elementor-element.elementor-element-4efba5b{--width:100%;}.elementor-29 .elementor-element.elementor-element-0a53a94{--width:55%;}.elementor-29 .elementor-element.elementor-element-3f52f8f{--width:45%;}.elementor-29 .elementor-element.elementor-element-73b301a{--width:100%;}.elementor-29 .elementor-element.elementor-element-142870d{--width:55%;}.elementor-29 .elementor-element.elementor-element-ee08dfc{--content-width:1200px;}.elementor-29 .elementor-element.elementor-element-a52a3dd{--width:50%;}.elementor-29 .elementor-element.elementor-element-178374b{--width:50%;}.elementor-29 .elementor-element.elementor-element-2f8c966{--width:22%;}.elementor-29 .elementor-element.elementor-element-86b6407{--width:78%;}}@media(max-width:1024px) and (min-width:768px){.elementor-29 .elementor-element.elementor-element-3a2058d{--width:734.844px;}.elementor-29 .elementor-element.elementor-element-385cd61{--width:100%;}.elementor-29 .elementor-element.elementor-element-4efba5b{--width:100%;}.elementor-29 .elementor-element.elementor-element-0a53a94{--width:100%;}.elementor-29 .elementor-element.elementor-element-73b301a{--width:100%;}}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-5aa67d4{--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-29 .elementor-element.elementor-element-385cd61{--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-29 .elementor-element.elementor-element-385cd61.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box__front{background-position:0px 0px;}.elementor-29 .elementor-element.elementor-element-95faee3{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-b67d7a0.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-be626d7{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:0px;}.elementor-29 .elementor-element.elementor-element-0a53a94{--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-29 .elementor-element.elementor-element-0a53a94.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-9ee3686{--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-29 .elementor-element.elementor-element-9ee3686.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-73b301a{--flex-wrap:wrap;}.elementor-29 .elementor-element.elementor-element-5a7d595{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-7e51ffa.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-ae09764.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-b741c2b.elementor-element{--align-self:stretch;}.elementor-29 .elementor-element.elementor-element-f7057e4{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:0px;}.elementor-29 .elementor-element.elementor-element-142870d{--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-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box__front{background-position:0px 0px;}.elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box{height:263px;}.elementor-29 .elementor-element.elementor-element-0d7e89a{--e-n-carousel-swiper-slides-to-display:4;}.elementor-29 .elementor-element.elementor-element-fbefc14{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-29 .elementor-element.elementor-element-b6a82b6{--e-n-carousel-swiper-slides-to-display:3;}.elementor-29 .elementor-element.elementor-element-f24d1b2{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-29 .elementor-element.elementor-element-7ab4ad3{--e-n-carousel-swiper-slides-to-display:3;}.elementor-29 .elementor-element.elementor-element-5f33d38{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-29 .elementor-element.elementor-element-055172d{--e-n-carousel-swiper-slides-to-display:2;}.elementor-29 .elementor-element.elementor-element-26767f3{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-left > .jet-tabs__control-wrapper{min-width:188px;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-right > .jet-tabs__control-wrapper{min-width:188px;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-left > .jet-tabs__content-wrapper{min-width:calc(100% - 188px);}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs.jet-tabs-position-right > .jet-tabs__content-wrapper{min-width:calc(100% - 188px);}.elementor-29 .elementor-element.elementor-element-8944793{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-29 .elementor-element.elementor-element-5aed787 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-27d1442 .elementor-flip-box__front{background-position:0px 0px;}.elementor-29 .elementor-element.elementor-element-be626d7{--e-n-carousel-swiper-slides-to-display:1;}.elementor-29 .elementor-element.elementor-element-3f52f8f{--width:326px;}.elementor-29 .elementor-element.elementor-element-73b301a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-000fac9{--justify-content:center;--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;}.elementor-29 .elementor-element.elementor-element-7e51ffa .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-7e51ffa .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-7e51ffa .elementor-icon-box-description{font-size:9px;}.elementor-29 .elementor-element.elementor-element-6324c7d .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-6324c7d .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-6324c7d .elementor-icon-box-description{font-size:9px;}.elementor-29 .elementor-element.elementor-element-6ef1fe5 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-6ef1fe5 .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-6ef1fe5 .elementor-icon-box-description{font-size:9px;}.elementor-29 .elementor-element.elementor-element-e5e11d5{--justify-content:center;}.elementor-29 .elementor-element.elementor-element-ae09764 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-ae09764 .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-ae09764 .elementor-icon-box-description{font-size:9px;}.elementor-29 .elementor-element.elementor-element-41f87a5 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-41f87a5 .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-41f87a5 .elementor-icon-box-description{font-size:9px;}.elementor-29 .elementor-element.elementor-element-a6ce197 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-a6ce197 .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-a6ce197 .elementor-icon-box-description{font-size:9px;}.elementor-29 .elementor-element.elementor-element-4d8a6f6{--justify-content:center;}.elementor-29 .elementor-element.elementor-element-b741c2b .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-b741c2b .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-b741c2b .elementor-icon-box-description{font-size:9px;}.elementor-29 .elementor-element.elementor-element-b3b2529{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-671ec4c .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-671ec4c .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-671ec4c .elementor-icon-box-description{font-size:9px;}.elementor-29 .elementor-element.elementor-element-d774f85 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-d774f85 .elementor-icon-box-title a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-d774f85 .elementor-icon-box-description{font-size:9px;}.elementor-29 .elementor-element.elementor-element-f7057e4{--e-n-carousel-swiper-slides-to-display:2;}.elementor-29 .elementor-element.elementor-element-142870d.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-f9c34fa .elementor-flip-box__front{background-position:0px 0px;}.elementor-29 .elementor-element.elementor-element-0d7e89a{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:0px;}.elementor-29 .elementor-element.elementor-element-d4c8ac1{--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;--flex-wrap:nowrap;}.elementor-29 .elementor-element.elementor-element-2718ffa{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}.elementor-29 .elementor-element.elementor-element-fbefc14{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-fbefc14 .elementor-image-box-wrapper{text-align:right;}.elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-b6a82b6{--e-n-carousel-swiper-slides-to-display:2;}.elementor-29 .elementor-element.elementor-element-7ff70ab{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}.elementor-29 .elementor-element.elementor-element-f24d1b2{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-f24d1b2 .elementor-image-box-wrapper{text-align:right;}.elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-7ab4ad3{--e-n-carousel-swiper-slides-to-display:2;}.elementor-29 .elementor-element.elementor-element-2f8c966{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--flex-wrap:wrap;}.elementor-29 .elementor-element.elementor-element-ee85f64{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}.elementor-29 .elementor-element.elementor-element-5f33d38{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-5f33d38 .elementor-image-box-wrapper{text-align:right;}.elementor-29 .elementor-element.elementor-element-1a49d87 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-4cd965b .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-67c4cc2 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-46c5861 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-76f523d .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-29c6ab0 .elementor-image-box-img{margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-055172d{--e-n-carousel-swiper-slides-to-display:2;}.elementor-29 .elementor-element.elementor-element-7121430{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}.elementor-29 .elementor-element.elementor-element-26767f3{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-26767f3 .elementor-image-box-wrapper{text-align:right;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper{align-self:stretch;flex-grow:1;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control{align-self:stretch;}.elementor-29 .elementor-element.elementor-element-c7ecd10 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control{flex-grow:1;}.elementor-29 .elementor-element.elementor-element-c7efde3{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}.elementor-29 .elementor-element.elementor-element-8944793{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-8944793 .elementor-image-box-wrapper{text-align:right;}.elementor-29 .elementor-element.elementor-element-5aed787 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}}/* Start custom CSS for html, class: .elementor-element-9efdf0c */@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); @import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800); figure.snip0014 { color: #fff; position: relative; overflow: hidden; margin: 10px; min-width: 220px; max-width: 100%; max-height: 100%; width: 100%; background: #000000; text-align: center; border-radius:30px; } figure.snip0014 * { -webkit-box-sizing: border-box; box-sizing: border-box; } figure.snip0014 img { max-width: 100%; opacity: 1; width: 100%; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.snip0014 figcaption { font-size: 1.25em; } figure.snip0014 > div { position: absolute; bottom: 0; left: 0; padding: 3em 3em; width: 100%; height: 100%; } figure.snip0014 > div::before { position: absolute; top: 30px; right: 50%; bottom: 30px; left: 50%; border-left: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); content: ''; opacity: 0; background-color: #ffffff; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } figure.snip0014 h2, figure.snip0014 p { margin: 0 0 5px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s; } figure.snip0014 h2 { word-spacing: -0.15em; font-weight: 300; text-transform: uppercase; -webkit-transform: translate3d(0%, 100%, 0); transform: translate3d(0%, 100%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; color: white; } figure.snip0014 h2 span { font-weight: 800; } figure.snip0014 p { font-weight: 200 ; -webkit-transition-delay: 0s; transition-delay: 0s; } figure.snip0014 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; color: #ffffff; } figure.snip0014:hover img { opacity: 0.35; } figure.snip0014:hover > div h2 { opacity: 1; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } figure.snip0014:hover > div p { opacity: 0.8; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } figure.snip0014:hover > div::before { background: rgba(255, 255, 255, 0); left: 30px; right: 30px; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aba107b */@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); @import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800); figure.snip0014 { color: #fff; position: relative; overflow: hidden; margin: 10px; min-width: 220px; max-width: 100%; max-height: 100%; width: 100%; background: #000000; text-align: center; border-radius:30px; } figure.snip0014 * { -webkit-box-sizing: border-box; box-sizing: border-box; } figure.snip0014 img { max-width: 100%; opacity: 1; width: 100%; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.snip0014 figcaption { font-size: 1.25em; } figure.snip0014 > div { position: absolute; bottom: 0; left: 0; padding: 3em 3em; width: 100%; height: 100%; } figure.snip0014 > div::before { position: absolute; top: 30px; right: 50%; bottom: 30px; left: 50%; border-left: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); content: ''; opacity: 0; background-color: #ffffff; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } figure.snip0014 h2, figure.snip0014 p { margin: 0 0 5px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s; } figure.snip0014 h2 { word-spacing: -0.15em; font-weight: 300; text-transform: uppercase; -webkit-transform: translate3d(0%, 100%, 0); transform: translate3d(0%, 100%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; color: white; } figure.snip0014 h2 span { font-weight: 800; } figure.snip0014 p { font-weight: 200 ; -webkit-transition-delay: 0s; transition-delay: 0s; } figure.snip0014 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; color: #ffffff; } figure.snip0014:hover img { opacity: 0.35; } figure.snip0014:hover > div h2 { opacity: 1; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } figure.snip0014:hover > div p { opacity: 0.8; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } figure.snip0014:hover > div::before { background: rgba(255, 255, 255, 0); left: 30px; right: 30px; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee13b52 */.elementor-29 .elementor-element.elementor-element-ee13b52 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-01510d5 */.elementor-29 .elementor-element.elementor-element-01510d5 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-01510d5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-01510d5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-01510d5 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-01510d5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-01510d5 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-85f8ec1 */.elementor-29 .elementor-element.elementor-element-85f8ec1 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac10c24 */.elementor-29 .elementor-element.elementor-element-ac10c24 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a4348f */.elementor-29 .elementor-element.elementor-element-6a4348f .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-6a4348f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-6a4348f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-6a4348f .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-6a4348f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-6a4348f .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8c5d06 */.elementor-29 .elementor-element.elementor-element-e8c5d06 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e354e0b */.elementor-29 .elementor-element.elementor-element-e354e0b .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e354e0b .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e354e0b .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e354e0b .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e354e0b .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e354e0b .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bea1770 */.elementor-29 .elementor-element.elementor-element-bea1770 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-bea1770 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-bea1770 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bea1770 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-bea1770 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-bea1770 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0281006 */.elementor-29 .elementor-element.elementor-element-0281006 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-0281006 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-0281006 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-0281006 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-0281006 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-0281006 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee13b52 */.elementor-29 .elementor-element.elementor-element-ee13b52 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-01510d5 */.elementor-29 .elementor-element.elementor-element-01510d5 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-01510d5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-01510d5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-01510d5 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-01510d5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-01510d5 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-85f8ec1 */.elementor-29 .elementor-element.elementor-element-85f8ec1 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac10c24 */.elementor-29 .elementor-element.elementor-element-ac10c24 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a4348f */.elementor-29 .elementor-element.elementor-element-6a4348f .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-6a4348f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-6a4348f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-6a4348f .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-6a4348f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-6a4348f .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8c5d06 */.elementor-29 .elementor-element.elementor-element-e8c5d06 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e354e0b */.elementor-29 .elementor-element.elementor-element-e354e0b .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e354e0b .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e354e0b .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e354e0b .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e354e0b .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e354e0b .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bea1770 */.elementor-29 .elementor-element.elementor-element-bea1770 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-bea1770 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-bea1770 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bea1770 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-bea1770 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-bea1770 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0281006 */.elementor-29 .elementor-element.elementor-element-0281006 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-0281006 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-0281006 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-0281006 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-0281006 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-0281006 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee13b52 */.elementor-29 .elementor-element.elementor-element-ee13b52 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-01510d5 */.elementor-29 .elementor-element.elementor-element-01510d5 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-01510d5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-01510d5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-01510d5 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-01510d5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-01510d5 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-85f8ec1 */.elementor-29 .elementor-element.elementor-element-85f8ec1 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac10c24 */.elementor-29 .elementor-element.elementor-element-ac10c24 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a4348f */.elementor-29 .elementor-element.elementor-element-6a4348f .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-6a4348f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-6a4348f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-6a4348f .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-6a4348f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-6a4348f .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8c5d06 */.elementor-29 .elementor-element.elementor-element-e8c5d06 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e354e0b */.elementor-29 .elementor-element.elementor-element-e354e0b .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e354e0b .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e354e0b .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e354e0b .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e354e0b .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e354e0b .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bea1770 */.elementor-29 .elementor-element.elementor-element-bea1770 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-bea1770 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-bea1770 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bea1770 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-bea1770 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-bea1770 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0281006 */.elementor-29 .elementor-element.elementor-element-0281006 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-0281006 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-0281006 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-0281006 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-0281006 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-0281006 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee13b52 */.elementor-29 .elementor-element.elementor-element-ee13b52 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-01510d5 */.elementor-29 .elementor-element.elementor-element-01510d5 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-01510d5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-01510d5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-01510d5 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-01510d5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-01510d5 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-85f8ec1 */.elementor-29 .elementor-element.elementor-element-85f8ec1 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac10c24 */.elementor-29 .elementor-element.elementor-element-ac10c24 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a4348f */.elementor-29 .elementor-element.elementor-element-6a4348f .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-6a4348f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-6a4348f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-6a4348f .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-6a4348f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-6a4348f .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8c5d06 */.elementor-29 .elementor-element.elementor-element-e8c5d06 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e354e0b */.elementor-29 .elementor-element.elementor-element-e354e0b .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e354e0b .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e354e0b .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e354e0b .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e354e0b .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e354e0b .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bea1770 */.elementor-29 .elementor-element.elementor-element-bea1770 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-bea1770 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-bea1770 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bea1770 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-bea1770 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-bea1770 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0281006 */.elementor-29 .elementor-element.elementor-element-0281006 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-0281006 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-0281006 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-0281006 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-0281006 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-0281006 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee13b52 */.elementor-29 .elementor-element.elementor-element-ee13b52 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-01510d5 */.elementor-29 .elementor-element.elementor-element-01510d5 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-01510d5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-01510d5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-01510d5 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-01510d5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-01510d5 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-85f8ec1 */.elementor-29 .elementor-element.elementor-element-85f8ec1 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac10c24 */.elementor-29 .elementor-element.elementor-element-ac10c24 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a4348f */.elementor-29 .elementor-element.elementor-element-6a4348f .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-6a4348f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-6a4348f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-6a4348f .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-6a4348f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-6a4348f .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8c5d06 */.elementor-29 .elementor-element.elementor-element-e8c5d06 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e354e0b */.elementor-29 .elementor-element.elementor-element-e354e0b .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e354e0b .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e354e0b .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e354e0b .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e354e0b .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e354e0b .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bea1770 */.elementor-29 .elementor-element.elementor-element-bea1770 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-bea1770 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-bea1770 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bea1770 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-bea1770 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-bea1770 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0281006 */.elementor-29 .elementor-element.elementor-element-0281006 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-0281006 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-0281006 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-0281006 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-0281006 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-0281006 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee13b52 */.elementor-29 .elementor-element.elementor-element-ee13b52 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-01510d5 */.elementor-29 .elementor-element.elementor-element-01510d5 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-01510d5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-01510d5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-01510d5 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-01510d5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-01510d5 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-85f8ec1 */.elementor-29 .elementor-element.elementor-element-85f8ec1 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac10c24 */.elementor-29 .elementor-element.elementor-element-ac10c24 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a4348f */.elementor-29 .elementor-element.elementor-element-6a4348f .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-6a4348f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-6a4348f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-6a4348f .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-6a4348f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-6a4348f .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8c5d06 */.elementor-29 .elementor-element.elementor-element-e8c5d06 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e354e0b */.elementor-29 .elementor-element.elementor-element-e354e0b .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e354e0b .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e354e0b .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e354e0b .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e354e0b .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e354e0b .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bea1770 */.elementor-29 .elementor-element.elementor-element-bea1770 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-bea1770 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-bea1770 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bea1770 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-bea1770 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-bea1770 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0281006 */.elementor-29 .elementor-element.elementor-element-0281006 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-0281006 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-0281006 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-0281006 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-0281006 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-0281006 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee13b52 */.elementor-29 .elementor-element.elementor-element-ee13b52 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-01510d5 */.elementor-29 .elementor-element.elementor-element-01510d5 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-01510d5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-01510d5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-01510d5 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-01510d5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-01510d5 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-85f8ec1 */.elementor-29 .elementor-element.elementor-element-85f8ec1 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac10c24 */.elementor-29 .elementor-element.elementor-element-ac10c24 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a4348f */.elementor-29 .elementor-element.elementor-element-6a4348f .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-6a4348f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-6a4348f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-6a4348f .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-6a4348f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-6a4348f .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8c5d06 */.elementor-29 .elementor-element.elementor-element-e8c5d06 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e354e0b */.elementor-29 .elementor-element.elementor-element-e354e0b .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e354e0b .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e354e0b .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e354e0b .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e354e0b .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e354e0b .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bea1770 */.elementor-29 .elementor-element.elementor-element-bea1770 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-bea1770 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-bea1770 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bea1770 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-bea1770 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-bea1770 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0281006 */.elementor-29 .elementor-element.elementor-element-0281006 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-0281006 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-0281006 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-0281006 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-0281006 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-0281006 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee13b52 */.elementor-29 .elementor-element.elementor-element-ee13b52 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-01510d5 */.elementor-29 .elementor-element.elementor-element-01510d5 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-01510d5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-01510d5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-01510d5 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-01510d5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-01510d5 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-85f8ec1 */.elementor-29 .elementor-element.elementor-element-85f8ec1 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac10c24 */.elementor-29 .elementor-element.elementor-element-ac10c24 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a4348f */.elementor-29 .elementor-element.elementor-element-6a4348f .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-6a4348f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-6a4348f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-6a4348f .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-6a4348f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-6a4348f .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8c5d06 */.elementor-29 .elementor-element.elementor-element-e8c5d06 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e354e0b */.elementor-29 .elementor-element.elementor-element-e354e0b .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e354e0b .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e354e0b .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e354e0b .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e354e0b .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e354e0b .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bea1770 */.elementor-29 .elementor-element.elementor-element-bea1770 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-bea1770 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-bea1770 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bea1770 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-bea1770 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-bea1770 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0281006 */.elementor-29 .elementor-element.elementor-element-0281006 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-0281006 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-0281006 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-0281006 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-0281006 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-0281006 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee13b52 */.elementor-29 .elementor-element.elementor-element-ee13b52 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-01510d5 */.elementor-29 .elementor-element.elementor-element-01510d5 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-01510d5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-01510d5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-01510d5 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-01510d5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-01510d5 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-85f8ec1 */.elementor-29 .elementor-element.elementor-element-85f8ec1 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac10c24 */.elementor-29 .elementor-element.elementor-element-ac10c24 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a4348f */.elementor-29 .elementor-element.elementor-element-6a4348f .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-6a4348f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-6a4348f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-6a4348f .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-6a4348f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-6a4348f .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8c5d06 */.elementor-29 .elementor-element.elementor-element-e8c5d06 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e354e0b */.elementor-29 .elementor-element.elementor-element-e354e0b .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e354e0b .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e354e0b .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e354e0b .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e354e0b .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e354e0b .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bea1770 */.elementor-29 .elementor-element.elementor-element-bea1770 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-bea1770 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-bea1770 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bea1770 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-bea1770 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-bea1770 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0281006 */.elementor-29 .elementor-element.elementor-element-0281006 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-0281006 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-0281006 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-0281006 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-0281006 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-0281006 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee13b52 */.elementor-29 .elementor-element.elementor-element-ee13b52 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ee13b52 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ee13b52 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ee13b52 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ee13b52 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-01510d5 */.elementor-29 .elementor-element.elementor-element-01510d5 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-01510d5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-01510d5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-01510d5 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-01510d5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-01510d5 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-01510d5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-01510d5 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-01510d5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-85f8ec1 */.elementor-29 .elementor-element.elementor-element-85f8ec1 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-85f8ec1 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-85f8ec1 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac10c24 */.elementor-29 .elementor-element.elementor-element-ac10c24 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-ac10c24 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-ac10c24 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-ac10c24 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-ac10c24 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a4348f */.elementor-29 .elementor-element.elementor-element-6a4348f .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-6a4348f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-6a4348f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-6a4348f .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-6a4348f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-6a4348f .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-6a4348f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-6a4348f .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-6a4348f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e8c5d06 */.elementor-29 .elementor-element.elementor-element-e8c5d06 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e8c5d06 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e8c5d06 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e354e0b */.elementor-29 .elementor-element.elementor-element-e354e0b .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-e354e0b .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-e354e0b .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e354e0b .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-e354e0b .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-e354e0b .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-e354e0b .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-e354e0b .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-e354e0b .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bea1770 */.elementor-29 .elementor-element.elementor-element-bea1770 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-bea1770 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-bea1770 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bea1770 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-bea1770 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-bea1770 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-bea1770 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-bea1770 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-bea1770 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0281006 */.elementor-29 .elementor-element.elementor-element-0281006 .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-0281006 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-0281006 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-0281006 .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-0281006 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-0281006 .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0281006 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-0281006 .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0281006 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-0d7e89a */.elementor-29 .elementor-element.elementor-element-0d7e89a .box { position: relative; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-29 .elementor-element.elementor-element-0d7e89a .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-29 .elementor-element.elementor-element-0d7e89a .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-29 .elementor-element.elementor-element-0d7e89a .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-29 .elementor-element.elementor-element-0d7e89a .content { position: absolute; inset: 8px; border: 2.5px solid #070a1c; z-index: 3; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .elementor-29 .elementor-element.elementor-element-0d7e89a .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-29 .elementor-element.elementor-element-0d7e89a .content .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: background 0.3s ease; border-radius: 50%; } .elementor-29 .elementor-element.elementor-element-0d7e89a .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0d7e89a .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-29 .elementor-element.elementor-element-0d7e89a .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-29 .elementor-element.elementor-element-0d7e89a .box:hover::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0d7e89a .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-29 .elementor-element.elementor-element-0d7e89a .box.active::before { inset: -8px 0; } .elementor-29 .elementor-element.elementor-element-0d7e89a .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9956b6d *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2dbbc08 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-da31a4a *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-22ffbc5 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7c535b6 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4dc7530 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-cec3c8f *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9956b6d *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2dbbc08 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-da31a4a *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-22ffbc5 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7c535b6 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4dc7530 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-cec3c8f *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9956b6d *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2dbbc08 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-da31a4a *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-22ffbc5 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7c535b6 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4dc7530 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-cec3c8f *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9956b6d *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2dbbc08 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-da31a4a *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-22ffbc5 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7c535b6 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4dc7530 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-cec3c8f *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9956b6d *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2dbbc08 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-da31a4a *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-22ffbc5 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7c535b6 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4dc7530 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-cec3c8f *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9956b6d *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2dbbc08 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-da31a4a *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-22ffbc5 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7c535b6 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4dc7530 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-cec3c8f *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9956b6d *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2dbbc08 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-da31a4a *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-22ffbc5 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7c535b6 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4dc7530 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-cec3c8f *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9956b6d *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9956b6d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9956b6d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2dbbc08 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-2dbbc08 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-2dbbc08:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-da31a4a *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-da31a4a .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-da31a4a:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-22ffbc5 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-22ffbc5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-22ffbc5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7c535b6 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-7c535b6 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-7c535b6:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4dc7530 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-4dc7530 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-4dc7530:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-cec3c8f *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-cec3c8f .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-cec3c8f:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5dd76db *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-5dd76db .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-5dd76db:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-16770c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-16770c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-16770c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-d57ffae *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-d57ffae .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-d57ffae:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c58f94e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c58f94e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c58f94e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b89ec9c *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b89ec9c .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b89ec9c:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9c72f10 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9c72f10 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9c72f10:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-48e94b8 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-48e94b8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-48e94b8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a7d529 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-1a7d529 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-1a7d529:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b419576 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-b419576 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-b419576:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9831dfe *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-9831dfe .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-9831dfe:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-bb8dbdf *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-bb8dbdf:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c471b8e *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-c471b8e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-c471b8e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-abc20b3 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-abc20b3 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-abc20b3:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e98a5c9 *//* والد تصویر */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.55); /* ← تغییر داده شد */ font-weight: bold; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-29 .elementor-element.elementor-element-e98a5c9 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #fff; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-29 .elementor-element.elementor-element-e98a5c9:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a49d87 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4cd965b *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-67c4cc2 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-66172f6 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-46c5861 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-13479f8 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-76f523d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-35defd3 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-29c6ab0 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a75e844 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a49d87 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4cd965b *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-67c4cc2 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-66172f6 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-46c5861 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-13479f8 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-76f523d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-35defd3 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-29c6ab0 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a75e844 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a49d87 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4cd965b *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-67c4cc2 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-66172f6 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-46c5861 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-13479f8 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-76f523d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-35defd3 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-29c6ab0 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a75e844 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a49d87 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4cd965b *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-67c4cc2 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-66172f6 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-46c5861 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-13479f8 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-76f523d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-35defd3 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-29c6ab0 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a75e844 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a49d87 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4cd965b *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-67c4cc2 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-66172f6 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-46c5861 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-13479f8 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-76f523d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-35defd3 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-29c6ab0 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a75e844 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a49d87 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4cd965b *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-67c4cc2 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-66172f6 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-46c5861 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-13479f8 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-76f523d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-35defd3 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-29c6ab0 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a75e844 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a49d87 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4cd965b *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-67c4cc2 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-66172f6 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-46c5861 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-13479f8 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-76f523d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-35defd3 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-29c6ab0 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a75e844 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .logo-carousel img { width: 100%; max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.4s ease-in-out; padding: 10px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .logo-carousel img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.1) rotateZ(1deg); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }/* End custom CSS */