.elementor-25281 .elementor-element.elementor-element-72cfd988{--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-25281 .elementor-element.elementor-element-465febc5{--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-25281 .elementor-element.elementor-element-465febc5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-3b4287f2{--display:flex;--justify-content:center;}.elementor-25281 .elementor-element.elementor-element-577e0bf5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25281 .elementor-element.elementor-element-5d2e7e23 .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-25281 .elementor-element.elementor-element-5d2e7e23 .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-25281 .elementor-element.elementor-element-5d2e7e23 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#451993A3;text-align:right;justify-content:center;}.elementor-25281 .elementor-element.elementor-element-5d2e7e23 .elementor-flip-box__back .elementor-flip-box__layer__overlay{background-color:#492E7900;mix-blend-mode:luminosity;text-align:center;justify-content:flex-end;}.elementor-25281 .elementor-element.elementor-element-5d2e7e23 .elementor-flip-box{height:342px;}.elementor-25281 .elementor-element.elementor-element-5d2e7e23 .elementor-flip-box__layer, .elementor-25281 .elementor-element.elementor-element-5d2e7e23 .elementor-flip-box__layer__overlay{border-radius:30px;}.elementor-25281 .elementor-element.elementor-element-5d2e7e23 .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:9px;color:#FFFFFF;font-size:19px;}.elementor-25281 .elementor-element.elementor-element-5d2e7e23 .elementor-flip-box__button{margin-center:0;}.elementor-25281 .elementor-element.elementor-element-5d2e7e23 .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-25281 .elementor-element.elementor-element-64e6cc47{--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-25281 .elementor-element.elementor-element-3060bb5e{--display:flex;}.elementor-25281 .elementor-element.elementor-element-6a7fc2da{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-25281 .elementor-element.elementor-element-6a7fc2da:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-25281 .elementor-element.elementor-element-6a7fc2da.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-6a7fc2da .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-6a7fc2da.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-6a7fc2da.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-6a7fc2da.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-6a7fc2da .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-6a7fc2da .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-6a7fc2da .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-6a7fc2da .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-6a7fc2da .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-2a0701ed{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-7aa0e9ca{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-25281 .elementor-element.elementor-element-7aa0e9ca:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-25281 .elementor-element.elementor-element-7aa0e9ca.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-7aa0e9ca .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-7aa0e9ca.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-7aa0e9ca.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-7aa0e9ca.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-7aa0e9ca .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-7aa0e9ca .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-7aa0e9ca .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-7aa0e9ca .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-7aa0e9ca:has(:hover) .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-7aa0e9ca:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-7aa0e9ca .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-7480e6f5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-264d01aa{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-25281 .elementor-element.elementor-element-264d01aa:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-25281 .elementor-element.elementor-element-264d01aa.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-264d01aa .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-264d01aa.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-264d01aa.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-264d01aa.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-264d01aa .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-264d01aa .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-264d01aa .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-264d01aa .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-264d01aa .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-66894d26{--display:flex;}.elementor-25281 .elementor-element.elementor-element-7a7af8c9{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-25281 .elementor-element.elementor-element-7a7af8c9:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-25281 .elementor-element.elementor-element-7a7af8c9 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-7a7af8c9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-7a7af8c9.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-7a7af8c9.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-7a7af8c9 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-7a7af8c9 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-7a7af8c9 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-7a7af8c9 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-7a7af8c9 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-3f15bea6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-51f5b656{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-25281 .elementor-element.elementor-element-51f5b656:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-25281 .elementor-element.elementor-element-51f5b656.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-51f5b656 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-51f5b656.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-51f5b656.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-51f5b656.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-51f5b656 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-51f5b656 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-51f5b656 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-51f5b656 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-51f5b656:has(:hover) .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-51f5b656:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-51f5b656 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-4794102b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-46751bea{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-25281 .elementor-element.elementor-element-46751bea:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-25281 .elementor-element.elementor-element-46751bea.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-46751bea .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-46751bea.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-46751bea.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-46751bea.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-46751bea .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-46751bea .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-46751bea .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-46751bea .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-46751bea .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-68bdf5a7{--display:flex;}.elementor-25281 .elementor-element.elementor-element-6fd01c98{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-25281 .elementor-element.elementor-element-6fd01c98:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-25281 .elementor-element.elementor-element-6fd01c98 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-6fd01c98.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-6fd01c98.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-6fd01c98.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-6fd01c98 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-6fd01c98 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-6fd01c98 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-6fd01c98 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-6fd01c98 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-22ce0a11{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-220579e7{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-25281 .elementor-element.elementor-element-220579e7:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-25281 .elementor-element.elementor-element-220579e7.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-220579e7 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-220579e7.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-220579e7.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-220579e7.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-220579e7 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-220579e7 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-220579e7 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-220579e7 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-220579e7:has(:hover) .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-220579e7:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-220579e7 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-9c36852{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-512a6a73{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-25281 .elementor-element.elementor-element-512a6a73:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-25281 .elementor-element.elementor-element-512a6a73.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-512a6a73 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-512a6a73.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-512a6a73.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-512a6a73.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-512a6a73 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-512a6a73 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-512a6a73 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-512a6a73 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-512a6a73 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-23c84ed{--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%;}.elementor-25281 .elementor-element.elementor-element-530af89b{--display:flex;--justify-content:center;}.elementor-25281 .elementor-element.elementor-element-2eefb7ef{--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-25281 .elementor-element.elementor-element-c0412b5{--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-25281 .elementor-element.elementor-element-c0412b5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-3ea703f1{--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-25281 .elementor-element.elementor-element-3ea703f1.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-25281 .elementor-element.elementor-element-2be3b2cf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25281 .elementor-element.elementor-element-7682372a{--display:flex;}.elementor-25281 .elementor-element.elementor-element-78c89420{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-25281 .elementor-element.elementor-element-78c89420:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-25281 .elementor-element.elementor-element-78c89420.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-78c89420.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-78c89420.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-78c89420.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-220a1d95{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-790eb034{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-25281 .elementor-element.elementor-element-790eb034:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-25281 .elementor-element.elementor-element-790eb034.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-790eb034 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-790eb034.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-790eb034.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-790eb034.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-790eb034 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-790eb034 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-790eb034 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-790eb034 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-790eb034:has(:hover) .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-790eb034:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-790eb034 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-4a910c23{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-79fc34a2{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-25281 .elementor-element.elementor-element-79fc34a2:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-25281 .elementor-element.elementor-element-79fc34a2.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-79fc34a2 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-79fc34a2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-79fc34a2.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-79fc34a2.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-79fc34a2 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-79fc34a2 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-79fc34a2 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-79fc34a2 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-79fc34a2 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-71b39070{--display:flex;}.elementor-25281 .elementor-element.elementor-element-1ae3134{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-25281 .elementor-element.elementor-element-1ae3134:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-25281 .elementor-element.elementor-element-1ae3134.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-1ae3134 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-1ae3134.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-1ae3134.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-1ae3134.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-1ae3134 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-1ae3134 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-1ae3134 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-1ae3134 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-1ae3134 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-3e090b8a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-97dd354{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-25281 .elementor-element.elementor-element-97dd354:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-25281 .elementor-element.elementor-element-97dd354.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-97dd354 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-97dd354.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-97dd354.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-97dd354.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-97dd354 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-97dd354 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-97dd354 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-97dd354 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-97dd354:has(:hover) .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-97dd354:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-97dd354 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-4639bbcd{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-1ef425e6{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-25281 .elementor-element.elementor-element-1ef425e6:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-25281 .elementor-element.elementor-element-1ef425e6.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-1ef425e6 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-1ef425e6.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-1ef425e6.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-1ef425e6.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-1ef425e6 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-1ef425e6 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-1ef425e6 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-1ef425e6 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-1ef425e6 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-78eb796a{--display:flex;}.elementor-25281 .elementor-element.elementor-element-6791989f{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-25281 .elementor-element.elementor-element-6791989f:hover{background-color:transparent;background-image:linear-gradient(180deg, #2AE227 0%, #279624 100%);}.elementor-25281 .elementor-element.elementor-element-6791989f.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-6791989f .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-6791989f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-6791989f.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-6791989f.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-6791989f .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-6791989f .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-6791989f .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-6791989f .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-6791989f .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-2d84b8da{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-38567db4{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-25281 .elementor-element.elementor-element-38567db4:hover{background-color:transparent;background-image:linear-gradient(180deg, #FF5873 0%, #B10421 100%);}.elementor-25281 .elementor-element.elementor-element-38567db4.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-38567db4 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-38567db4.elementor-view-stacked .elementor-icon{background-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-38567db4.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-38567db4.elementor-view-default .elementor-icon{fill:#FFF3F3;color:#FFF3F3;border-color:#FFF3F3;}.elementor-25281 .elementor-element.elementor-element-38567db4 .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-38567db4 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-38567db4 .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-38567db4 .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-38567db4:has(:hover) .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-38567db4:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-38567db4 .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-170db209{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-441bf93b{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-25281 .elementor-element.elementor-element-441bf93b:hover{background-color:transparent;background-image:linear-gradient(180deg, #9256FF 0%, #6941B1 100%);}.elementor-25281 .elementor-element.elementor-element-441bf93b.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-441bf93b .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-441bf93b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-441bf93b.elementor-view-framed .elementor-icon, .elementor-25281 .elementor-element.elementor-element-441bf93b.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-441bf93b .elementor-icon{transition-duration:0.5s;font-size:40px;}.elementor-25281 .elementor-element.elementor-element-441bf93b .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-441bf93b .elementor-icon-box-title a{font-size:18px;font-weight:600;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-441bf93b .elementor-icon-box-title{color:#FFFBFB;}.elementor-25281 .elementor-element.elementor-element-441bf93b .elementor-icon-box-description{font-size:12px;color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-1180e0b5{--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%;}.elementor-25281 .elementor-element.elementor-element-76dab0e8{--display:flex;--justify-content:center;}.elementor-25281 .elementor-element.elementor-element-52a30ced .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-25281 .elementor-element.elementor-element-52a30ced .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-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#451993A3;text-align:right;justify-content:center;}.elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box__back .elementor-flip-box__layer__overlay{background-color:#492E7900;mix-blend-mode:luminosity;text-align:center;justify-content:flex-end;}.elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box{height:342px;}.elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box__layer, .elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box__layer__overlay{border-radius:30px;}.elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:5px;color:#FFFFFF;font-size:19px;}.elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box__button{margin-center:0;}.elementor-25281 .elementor-element.elementor-element-52a30ced .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-25281 .elementor-element.elementor-element-61aaf68f{--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-25281 .elementor-element.elementor-element-3d0d4363{--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-25281 .elementor-element.elementor-element-1efce126.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-1efce126 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-25281 .elementor-element.elementor-element-2e97c7c2{--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-25281 .elementor-element.elementor-element-44192791.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-44192791 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-25281 .elementor-element.elementor-element-4a892483{--display:flex;--margin-top:42px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-3945c0cd{width:100%;max-width:100%;}.elementor-25281 .elementor-element.elementor-element-3945c0cd .elementor-image-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-3945c0cd .elementor-image-box-title{font-size:25px;font-weight:700;}.elementor-25281 .elementor-element.elementor-element-3945c0cd .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-25281 .elementor-element.elementor-element-1f1ca267{--display:flex;}.elementor-25281 .elementor-element.elementor-element-2b99c54c{--display:flex;}.elementor-25281 .elementor-element.elementor-element-2b99c54c:not(.elementor-motion-effects-element-type-background), .elementor-25281 .elementor-element.elementor-element-2b99c54c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-25281 .elementor-element.elementor-element-79c5dc6d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-717cd60e{--display:flex;}.elementor-25281 .elementor-element.elementor-element-1c5def10.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-6dc20372{--display:flex;}.elementor-25281 .elementor-element.elementor-element-ca41dc5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-5f1d2939{--display:flex;}.elementor-25281 .elementor-element.elementor-element-6087a3c5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-6d631ef5{--display:flex;}.elementor-25281 .elementor-element.elementor-element-48b5cd31.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-446d6832{--display:flex;}.elementor-25281 .elementor-element.elementor-element-3f7acf9e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-71c8ea0e{--display:flex;}.elementor-25281 .elementor-element.elementor-element-3823561f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-312711cd{--display:flex;}.elementor-25281 .elementor-element.elementor-element-1dead555.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-658b5fb8{--display:flex;}.elementor-25281 .elementor-element.elementor-element-7b45ecc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-1f47b808{--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-25281 .elementor-element.elementor-element-1f47b808.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-16b34803{--display:flex;}.elementor-25281 .elementor-element.elementor-element-7d566cf2 .jet-tabs > .jet-tabs__control-wrapper{align-self:flex-start;justify-content:flex-start;}.elementor-25281 .elementor-element.elementor-element-7d566cf2 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control{align-self:flex-start;}.elementor-25281 .elementor-element.elementor-element-7d566cf2 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control{justify-content:flex-start;}.elementor-25281 .elementor-element.elementor-element-7d566cf2 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control .jet-tabs__label-image{width:60%;}.elementor-25281 .elementor-element.elementor-element-7d566cf2 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control .jet-tabs__label-image{width:60%;}.elementor-25281 .elementor-element.elementor-element-7d566cf2 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control, .elementor-25281 .elementor-element.elementor-element-7d566cf2 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control{border-style:none;}.elementor-25281 .elementor-element.elementor-element-7d566cf2 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control.active-tab{border-radius:77px 77px 77px 77px;}.elementor-25281 .elementor-element.elementor-element-7d566cf2 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control.active-tab{border-radius:77px 77px 77px 77px;}.elementor-25281 .elementor-element.elementor-element-546c68e2{--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-25281 .elementor-element.elementor-element-1264aefc{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-3798904f{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-3798904f.elementor-element{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-3798904f .elementor-image-box-wrapper{text-align:right;}.elementor-25281 .elementor-element.elementor-element-3798904f .elementor-image-box-title{font-size:21px;font-weight:700;}.elementor-25281 .elementor-element.elementor-element-3798904f .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-25281 .elementor-element.elementor-element-74f9cfa9{--display:flex;}.elementor-25281 .elementor-element.elementor-element-7afd6af7.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-7afd6af7.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-7afd6af7.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-7afd6af7 .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-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title{font-size:14px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-37bd05a7{--display:flex;}.elementor-25281 .elementor-element.elementor-element-14099570.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-14099570.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-14099570.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-14099570 .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-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title{font-size:14px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-619608c9{--display:flex;}.elementor-25281 .elementor-element.elementor-element-242bd3d8.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-242bd3d8.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-242bd3d8.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-242bd3d8 .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-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title{font-size:14px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-29971e2{--display:flex;}.elementor-25281 .elementor-element.elementor-element-5ef9ac0b.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-5ef9ac0b.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-5ef9ac0b.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-5ef9ac0b .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-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title{font-size:14px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-22303ee0{--display:flex;}.elementor-25281 .elementor-element.elementor-element-26a547ac.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-26a547ac.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-26a547ac.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-26a547ac .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-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title{font-size:14px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-6151fb0d{--display:flex;}.elementor-25281 .elementor-element.elementor-element-437d1445.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-437d1445.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-437d1445.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-437d1445 .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-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title{font-size:14px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-89ded26{--display:flex;}.elementor-25281 .elementor-element.elementor-element-2d464d64.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-2d464d64.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-2d464d64.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-2d464d64 .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-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title{font-size:14px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-74186ed5{--e-n-carousel-swiper-slides-to-display:7;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-25281 .elementor-element.elementor-element-74186ed5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-416c5c5b{--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-25281 .elementor-element.elementor-element-855bebe{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-5297a618{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-5297a618.elementor-element{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-5297a618 .elementor-image-box-wrapper{text-align:right;}.elementor-25281 .elementor-element.elementor-element-5297a618 .elementor-image-box-title{font-size:21px;font-weight:700;}.elementor-25281 .elementor-element.elementor-element-5297a618 .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-25281 .elementor-element.elementor-element-8d3a69b{--display:flex;}.elementor-25281 .elementor-element.elementor-element-5c093c09{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-53b8045b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-53b8045b.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-53b8045b.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-53b8045b.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-53b8045b .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-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-26095994{--display:flex;}.elementor-25281 .elementor-element.elementor-element-1897ceb5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-1897ceb5.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-1897ceb5.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-1897ceb5.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-1897ceb5 .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-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-7b01e524{--display:flex;}.elementor-25281 .elementor-element.elementor-element-57c9004e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-57c9004e.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-57c9004e.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-57c9004e.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-57c9004e .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-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-1959a22c{--display:flex;}.elementor-25281 .elementor-element.elementor-element-3be8986d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-3be8986d.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-3be8986d.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-3be8986d.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-3be8986d .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-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-68d772d8{--display:flex;}.elementor-25281 .elementor-element.elementor-element-551eebf5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-551eebf5.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-551eebf5.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-551eebf5.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-551eebf5 .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-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-5b78e4c3{--display:flex;}.elementor-25281 .elementor-element.elementor-element-5534e72{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-5534e72.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-5534e72.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-5534e72.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-5534e72 .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-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-4a27b4b4{--display:flex;}.elementor-25281 .elementor-element.elementor-element-3eef73e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-3eef73e0.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-3eef73e0.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-3eef73e0.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-3eef73e0 .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-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-79a23b6c{--display:flex;}.elementor-25281 .elementor-element.elementor-element-1a4dfd1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-1a4dfd1b.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-1a4dfd1b.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-1a4dfd1b.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-1a4dfd1b .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-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-57094d95{--display:flex;}.elementor-25281 .elementor-element.elementor-element-5112e13d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-5112e13d.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-5112e13d.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-5112e13d.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-5112e13d .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-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-46b8ba{--display:flex;}.elementor-25281 .elementor-element.elementor-element-6771f4aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-6771f4aa.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-6771f4aa.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-6771f4aa.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-6771f4aa .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-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-cef63fa{--display:flex;}.elementor-25281 .elementor-element.elementor-element-15ae4909{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-15ae4909.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-15ae4909.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-15ae4909.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-15ae4909 .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-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-3a4fb0e8{--display:flex;}.elementor-25281 .elementor-element.elementor-element-fc095d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-fc095d0.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-fc095d0.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-fc095d0.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-fc095d0 .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-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-1aa25006{--display:flex;}.elementor-25281 .elementor-element.elementor-element-9586215{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-9586215.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-9586215.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-9586215.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-9586215 .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-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-7c801203{--display:flex;}.elementor-25281 .elementor-element.elementor-element-45a8da86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-45a8da86.elementor-position-right .elementor-image-box-img{margin-left:72px;}.elementor-25281 .elementor-element.elementor-element-45a8da86.elementor-position-left .elementor-image-box-img{margin-right:72px;}.elementor-25281 .elementor-element.elementor-element-45a8da86.elementor-position-top .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-45a8da86 .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-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title{font-size:11px;text-decoration:none;}.elementor-25281 .elementor-element.elementor-element-4b2c9488{--e-n-carousel-swiper-slides-to-display:8;--e-n-carousel-swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -103px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-25281 .elementor-element.elementor-element-3a5f3a71{--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-25281 .elementor-element.elementor-element-13e35a53{--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-25281 .elementor-element.elementor-element-2838a967{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-2838a967.elementor-element{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-2838a967 .elementor-image-box-wrapper{text-align:right;}.elementor-25281 .elementor-element.elementor-element-2838a967 .elementor-image-box-title{font-size:21px;font-weight:700;}.elementor-25281 .elementor-element.elementor-element-2838a967 .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-25281 .elementor-element.elementor-element-26915c60{--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-25281 .elementor-element.elementor-element-366b48e5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-86d97c7.elementor-element{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-86d97c7 .elementor-image-box-wrapper{text-align:justify;}.elementor-25281 .elementor-element.elementor-element-86d97c7.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-86d97c7.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-86d97c7.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-86d97c7 .elementor-image-box-title{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-86d97c7 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-86d97c7 .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-25281 .elementor-element.elementor-element-562c1974{--display:flex;}.elementor-25281 .elementor-element.elementor-element-3aefff54.elementor-element{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-3aefff54 .elementor-image-box-wrapper{text-align:justify;}.elementor-25281 .elementor-element.elementor-element-3aefff54.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-3aefff54.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-3aefff54.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-3aefff54 .elementor-image-box-title{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-3aefff54 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-3aefff54 .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-25281 .elementor-element.elementor-element-4d8804eb{--display:flex;}.elementor-25281 .elementor-element.elementor-element-4d8804eb.e-con{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-24af531a.elementor-element{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-24af531a .elementor-image-box-wrapper{text-align:justify;}.elementor-25281 .elementor-element.elementor-element-24af531a.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-24af531a.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-24af531a.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-24af531a .elementor-image-box-title{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-24af531a .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-24af531a .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-25281 .elementor-element.elementor-element-1e668799{--display:flex;}.elementor-25281 .elementor-element.elementor-element-1e668799.e-con{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-5153bb53.elementor-element{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-5153bb53 .elementor-image-box-wrapper{text-align:justify;}.elementor-25281 .elementor-element.elementor-element-5153bb53.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-5153bb53.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-5153bb53.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-5153bb53 .elementor-image-box-title{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-5153bb53 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-5153bb53 .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-25281 .elementor-element.elementor-element-3ab5b24d{--display:flex;}.elementor-25281 .elementor-element.elementor-element-3ab5b24d.e-con{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-180a5041.elementor-element{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-180a5041 .elementor-image-box-wrapper{text-align:justify;}.elementor-25281 .elementor-element.elementor-element-180a5041.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-180a5041.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-180a5041.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-180a5041 .elementor-image-box-title{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-180a5041 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-180a5041 .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-25281 .elementor-element.elementor-element-71d95fcc{--display:flex;}.elementor-25281 .elementor-element.elementor-element-71d95fcc.e-con{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-5bdf6e2f.elementor-element{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-5bdf6e2f .elementor-image-box-wrapper{text-align:justify;}.elementor-25281 .elementor-element.elementor-element-5bdf6e2f.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-25281 .elementor-element.elementor-element-5bdf6e2f.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-5bdf6e2f.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-5bdf6e2f .elementor-image-box-title{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-5bdf6e2f .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-25281 .elementor-element.elementor-element-5bdf6e2f .elementor-image-box-img img{height:100%;transition-duration:0.3s;}.elementor-25281 .elementor-element.elementor-element-60523723{--e-n-carousel-swiper-slides-to-display:6;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-25281 .elementor-element.elementor-element-60523723.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-132bab2b{--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-25281 .elementor-element.elementor-element-5623a7df{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-5d137e58{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-5d137e58.elementor-element{--align-self:center;}.elementor-25281 .elementor-element.elementor-element-5d137e58 .elementor-image-box-wrapper{text-align:right;}.elementor-25281 .elementor-element.elementor-element-5d137e58 .elementor-image-box-title{font-size:21px;font-weight:700;}.elementor-25281 .elementor-element.elementor-element-5d137e58 .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-25281 .elementor-element.elementor-element-2e48c220{--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-25281 .elementor-element.elementor-element-7e6e2df3 .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-25281 .elementor-element.elementor-element-7e6e2df3.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs.jet-tabs-position-left > .jet-tabs__control-wrapper{min-width:336px;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs.jet-tabs-position-right > .jet-tabs__control-wrapper{min-width:336px;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs.jet-tabs-position-left > .jet-tabs__content-wrapper{min-width:calc(100% - 336px);}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs.jet-tabs-position-right > .jet-tabs__content-wrapper{min-width:calc(100% - 336px);}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control{flex-grow:1;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .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-25281 .elementor-element.elementor-element-7e6e2df3 .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-25281 .elementor-element.elementor-element-7e6e2df3 .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-25281 .elementor-element.elementor-element-7e6e2df3 .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-25281 .elementor-element.elementor-element-7e6e2df3 .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-25281 .elementor-element.elementor-element-7e6e2df3 .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-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control .jet-tabs__label-text{color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control .jet-tabs__label-text{color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control .jet-tabs__label-icon{color:#FFFAFA;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control .jet-tabs__label-icon{color:#FFFAFA;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control:hover .jet-tabs__label-text{color:#FFF900;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control:hover .jet-tabs__label-text{color:#FFF900;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control:hover .jet-tabs__label-icon{color:#FFF900;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control:hover .jet-tabs__label-icon{color:#FFF900;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control.active-tab .jet-tabs__label-text{color:#FFF900;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control.active-tab .jet-tabs__label-text{color:#FFF900;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control.active-tab .jet-tabs__label-icon{color:#FFF900;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control.active-tab .jet-tabs__label-icon{color:#FFF900;}.elementor-25281 .elementor-element.elementor-element-613a8225{--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-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle{background-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__content{background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-13165753.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control{justify-content:flex-start;}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-toggle__label-text{text-align:left;}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control .jet-toggle__label-text{color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control .jet-toggle__label-icon .icon-normal{color:#080808F5;background-color:#FFFFFFF5;}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control:hover .jet-toggle__label-icon .icon-normal{color:var( --e-global-color-secondary );}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle.active-toggle .jet-toggle__label-icon .icon-active{color:var( --e-global-color-secondary );background-color:#FFFFFF;}.elementor-25281 .elementor-element.elementor-element-cd3e9b1{--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:flex-start;--align-items:center;--flex-wrap:wrap;--margin-top:38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25281 .elementor-element.elementor-element-6a51c935{width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;text-align:right;}.elementor-25281 .elementor-element.elementor-element-6a51c935.elementor-element{--align-self:flex-start;}.elementor-25281 .elementor-element.elementor-element-79aa9104{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-79aa9104.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-79aa9104 .elementor-image-box-wrapper{text-align:right;}.elementor-25281 .elementor-element.elementor-element-79aa9104 .elementor-image-box-title{font-size:21px;font-weight:700;}.elementor-25281 .elementor-element.elementor-element-79aa9104 .elementor-image-box-description{letter-spacing:0.9px;color:#B6B6B6;}.elementor-25281 .elementor-element.elementor-element-70f57179 .elementor-button{background-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;padding:10px 10px 10px 10px;}.elementor-25281 .elementor-element.elementor-element-55335337 > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}.elementor-25281 .elementor-element.elementor-element-55335337.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-42c04287{--display:flex;}.elementor-25281 .elementor-element.elementor-element-12b9cd67 .elementor-button{background-color:var( --e-global-color-primary );}@media(min-width:320px) and (max-width:767px){.elementor-25281 .elementor-element.elementor-element-55335337 .jet-listing-grid__scroll-slider-mobile > .jet-listing-grid__items > .jet-listing-grid__item{flex:0 0 239px;max-width:239px;}}@media(min-width:768px){.elementor-25281 .elementor-element.elementor-element-465febc5{--width:45%;}.elementor-25281 .elementor-element.elementor-element-3b4287f2{--width:100%;}.elementor-25281 .elementor-element.elementor-element-577e0bf5{--width:100%;}.elementor-25281 .elementor-element.elementor-element-530af89b{--width:55%;}.elementor-25281 .elementor-element.elementor-element-c0412b5{--width:45%;}.elementor-25281 .elementor-element.elementor-element-3ea703f1{--width:100%;}.elementor-25281 .elementor-element.elementor-element-76dab0e8{--width:55%;}.elementor-25281 .elementor-element.elementor-element-61aaf68f{--content-width:1200px;}.elementor-25281 .elementor-element.elementor-element-3d0d4363{--width:50%;}.elementor-25281 .elementor-element.elementor-element-2e97c7c2{--width:50%;}.elementor-25281 .elementor-element.elementor-element-13e35a53{--width:22%;}.elementor-25281 .elementor-element.elementor-element-26915c60{--width:78%;}}@media(max-width:1024px) and (min-width:768px){.elementor-25281 .elementor-element.elementor-element-465febc5{--width:734.844px;}.elementor-25281 .elementor-element.elementor-element-3b4287f2{--width:100%;}.elementor-25281 .elementor-element.elementor-element-577e0bf5{--width:100%;}.elementor-25281 .elementor-element.elementor-element-530af89b{--width:100%;}.elementor-25281 .elementor-element.elementor-element-3ea703f1{--width:100%;}}@media(min-width:768px) and (max-width:1024px){.elementor-25281 .elementor-element.elementor-element-55335337 .jet-listing-grid__scroll-slider-tablet > .jet-listing-grid__items > .jet-listing-grid__item{flex:0 0 328px;max-width:328px;}}@media(max-width:1024px){.elementor-25281 .elementor-element.elementor-element-72cfd988{--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-25281 .elementor-element.elementor-element-3b4287f2{--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-25281 .elementor-element.elementor-element-3b4287f2.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-5d2e7e23 .elementor-flip-box__front{background-position:0px 0px;}.elementor-25281 .elementor-element.elementor-element-3060bb5e{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-6a7fc2da.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-23c84ed{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:0px;}.elementor-25281 .elementor-element.elementor-element-530af89b{--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-25281 .elementor-element.elementor-element-530af89b.e-con{--order:-99999 /* order start hack */;}.elementor-25281 .elementor-element.elementor-element-2eefb7ef{--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-25281 .elementor-element.elementor-element-2eefb7ef.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-25281 .elementor-element.elementor-element-3ea703f1{--flex-wrap:wrap;}.elementor-25281 .elementor-element.elementor-element-7682372a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-78c89420.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-1ae3134.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-6791989f.elementor-element{--align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-1180e0b5{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:0px;}.elementor-25281 .elementor-element.elementor-element-76dab0e8{--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-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box__front{background-position:0px 0px;}.elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box{height:263px;}.elementor-25281 .elementor-element.elementor-element-1f47b808{--e-n-carousel-swiper-slides-to-display:4;}.elementor-25281 .elementor-element.elementor-element-3798904f{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-25281 .elementor-element.elementor-element-74186ed5{--e-n-carousel-swiper-slides-to-display:4;}.elementor-25281 .elementor-element.elementor-element-5297a618{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-25281 .elementor-element.elementor-element-4b2c9488{--e-n-carousel-swiper-slides-to-display:4;}.elementor-25281 .elementor-element.elementor-element-2838a967{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-25281 .elementor-element.elementor-element-60523723{--e-n-carousel-swiper-slides-to-display:4;}.elementor-25281 .elementor-element.elementor-element-5d137e58{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs.jet-tabs-position-left > .jet-tabs__control-wrapper{min-width:188px;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs.jet-tabs-position-right > .jet-tabs__control-wrapper{min-width:188px;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs.jet-tabs-position-left > .jet-tabs__content-wrapper{min-width:calc(100% - 188px);}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs.jet-tabs-position-right > .jet-tabs__content-wrapper{min-width:calc(100% - 188px);}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control{justify-content:space-between;}.elementor-25281 .elementor-element.elementor-element-79aa9104{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-25281 .elementor-element.elementor-element-55335337 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}}@media(max-width:767px){.elementor-25281 .elementor-element.elementor-element-5d2e7e23 .elementor-flip-box__front{background-position:0px 0px;}.elementor-25281 .elementor-element.elementor-element-23c84ed{--e-n-carousel-swiper-slides-to-display:1;}.elementor-25281 .elementor-element.elementor-element-c0412b5{--width:326px;}.elementor-25281 .elementor-element.elementor-element-3ea703f1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25281 .elementor-element.elementor-element-2be3b2cf{--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-25281 .elementor-element.elementor-element-78c89420{padding:10px 10px 10px 10px;}.elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon-box-title{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon{font-size:26px;}.elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon-box-title a{font-size:11px;}.elementor-25281 .elementor-element.elementor-element-78c89420 .elementor-icon-box-description{font-size:7px;}.elementor-25281 .elementor-element.elementor-element-790eb034{padding:10px 10px 10px 10px;}.elementor-25281 .elementor-element.elementor-element-790eb034 .elementor-icon{font-size:26px;}.elementor-25281 .elementor-element.elementor-element-790eb034 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-790eb034 .elementor-icon-box-title a{font-size:11px;}.elementor-25281 .elementor-element.elementor-element-790eb034 .elementor-icon-box-description{font-size:7px;}.elementor-25281 .elementor-element.elementor-element-79fc34a2{padding:10px 10px 10px 10px;}.elementor-25281 .elementor-element.elementor-element-79fc34a2 .elementor-icon{font-size:26px;}.elementor-25281 .elementor-element.elementor-element-79fc34a2 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-79fc34a2 .elementor-icon-box-title a{font-size:11px;}.elementor-25281 .elementor-element.elementor-element-79fc34a2 .elementor-icon-box-description{font-size:7px;}.elementor-25281 .elementor-element.elementor-element-71b39070{--justify-content:center;}.elementor-25281 .elementor-element.elementor-element-1ae3134{padding:10px 10px 10px 10px;}.elementor-25281 .elementor-element.elementor-element-1ae3134 .elementor-icon{font-size:26px;}.elementor-25281 .elementor-element.elementor-element-1ae3134 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-1ae3134 .elementor-icon-box-title a{font-size:11px;}.elementor-25281 .elementor-element.elementor-element-1ae3134 .elementor-icon-box-description{font-size:7px;}.elementor-25281 .elementor-element.elementor-element-97dd354{padding:10px 10px 10px 10px;}.elementor-25281 .elementor-element.elementor-element-97dd354 .elementor-icon-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-97dd354 .elementor-icon{font-size:26px;}.elementor-25281 .elementor-element.elementor-element-97dd354 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-97dd354 .elementor-icon-box-title a{font-size:11px;}.elementor-25281 .elementor-element.elementor-element-97dd354 .elementor-icon-box-description{font-size:7px;}.elementor-25281 .elementor-element.elementor-element-1ef425e6{padding:10px 10px 10px 10px;}.elementor-25281 .elementor-element.elementor-element-1ef425e6 .elementor-icon{font-size:26px;}.elementor-25281 .elementor-element.elementor-element-1ef425e6 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-1ef425e6 .elementor-icon-box-title a{font-size:11px;}.elementor-25281 .elementor-element.elementor-element-1ef425e6 .elementor-icon-box-description{font-size:7px;}.elementor-25281 .elementor-element.elementor-element-78eb796a{--justify-content:center;}.elementor-25281 .elementor-element.elementor-element-6791989f{padding:10px 10px 10px 10px;}.elementor-25281 .elementor-element.elementor-element-6791989f .elementor-icon{font-size:26px;}.elementor-25281 .elementor-element.elementor-element-6791989f .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-6791989f .elementor-icon-box-title a{font-size:11px;}.elementor-25281 .elementor-element.elementor-element-6791989f .elementor-icon-box-description{font-size:7px;}.elementor-25281 .elementor-element.elementor-element-2d84b8da{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25281 .elementor-element.elementor-element-38567db4{padding:10px 10px 10px 10px;}.elementor-25281 .elementor-element.elementor-element-38567db4 .elementor-icon{font-size:26px;}.elementor-25281 .elementor-element.elementor-element-38567db4 .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-38567db4 .elementor-icon-box-title a{font-size:11px;}.elementor-25281 .elementor-element.elementor-element-38567db4 .elementor-icon-box-description{font-size:7px;}.elementor-25281 .elementor-element.elementor-element-441bf93b{padding:10px 10px 10px 10px;}.elementor-25281 .elementor-element.elementor-element-441bf93b .elementor-icon{font-size:26px;}.elementor-25281 .elementor-element.elementor-element-441bf93b .elementor-icon-box-title, .elementor-25281 .elementor-element.elementor-element-441bf93b .elementor-icon-box-title a{font-size:11px;}.elementor-25281 .elementor-element.elementor-element-441bf93b .elementor-icon-box-description{font-size:7px;}.elementor-25281 .elementor-element.elementor-element-1180e0b5{--e-n-carousel-swiper-slides-to-display:2;}.elementor-25281 .elementor-element.elementor-element-76dab0e8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25281 .elementor-element.elementor-element-76dab0e8.e-con{--order:-99999 /* order start hack */;}.elementor-25281 .elementor-element.elementor-element-439b1806 img{width:85%;}.elementor-25281 .elementor-element.elementor-element-52a30ced{padding:0px 10px 0px 10px;}.elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box__front{background-position:0px 0px;}.elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box{height:100px;}.elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:13px;}.elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box__front .elementor-flip-box__layer__description{font-size:10px;}.elementor-25281 .elementor-element.elementor-element-52a30ced .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:16px;}.elementor-25281 .elementor-element.elementor-element-61aaf68f{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-25281 .elementor-element.elementor-element-3d0d4363{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25281 .elementor-element.elementor-element-2e97c7c2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25281 .elementor-element.elementor-element-4a892483{--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}.elementor-25281 .elementor-element.elementor-element-3945c0cd .elementor-image-box-title{font-size:19px;}.elementor-25281 .elementor-element.elementor-element-3945c0cd .elementor-image-box-description{font-size:12px;}.elementor-25281 .elementor-element.elementor-element-1f1ca267{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-25281 .elementor-element.elementor-element-1f47b808{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:0px;}.elementor-25281 .elementor-element.elementor-element-16b34803{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25281 .elementor-element.elementor-element-546c68e2{--flex-wrap:wrap;}.elementor-25281 .elementor-element.elementor-element-1264aefc{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}.elementor-25281 .elementor-element.elementor-element-3798904f{width:var( --container-widget-width, 76% );max-width:76%;--container-widget-width:76%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-3798904f .elementor-image-box-wrapper{text-align:right;}.elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-74186ed5{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:0px;}.elementor-25281 .elementor-element.elementor-element-855bebe{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}.elementor-25281 .elementor-element.elementor-element-5297a618{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-5297a618 .elementor-image-box-wrapper{text-align:right;}.elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-img{margin-bottom:72px;}.elementor-25281 .elementor-element.elementor-element-4b2c9488{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:0px;}.elementor-25281 .elementor-element.elementor-element-13e35a53{--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:center;--flex-wrap:wrap;}.elementor-25281 .elementor-element.elementor-element-2838a967{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-2838a967 .elementor-image-box-wrapper{text-align:center;}.elementor-25281 .elementor-element.elementor-element-86d97c7 .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-3aefff54 .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-24af531a .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-5153bb53 .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-180a5041 .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-5bdf6e2f .elementor-image-box-img{margin-bottom:0px;}.elementor-25281 .elementor-element.elementor-element-60523723{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:0px;}.elementor-25281 .elementor-element.elementor-element-5623a7df{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}.elementor-25281 .elementor-element.elementor-element-5d137e58{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-5d137e58 .elementor-image-box-wrapper{text-align:right;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper{align-self:stretch;flex-grow:1;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs-swiper-container > .swiper-wrapper > .jet-tabs__control{align-self:stretch;}.elementor-25281 .elementor-element.elementor-element-7e6e2df3 .jet-tabs > .jet-tabs__control-wrapper > .jet-tabs__control{flex-grow:1;}.elementor-25281 .elementor-element.elementor-element-613a8225{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle{margin:0px 0px 3px 0px;}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control{justify-content:space-between;}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__control .jet-toggle__label-icon .icon-normal{font-size:16px;width:18px;height:18px;}.elementor-25281 .elementor-element.elementor-element-13165753 .jet-accordion > .jet-accordion__inner > .jet-toggle > .jet-toggle__content > .jet-toggle__content-inner{padding:0px 0px 0px 0px;}.elementor-25281 .elementor-element.elementor-element-6a51c935{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}.elementor-25281 .elementor-element.elementor-element-79aa9104{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-25281 .elementor-element.elementor-element-79aa9104 .elementor-image-box-wrapper{text-align:right;}.elementor-25281 .elementor-element.elementor-element-70f57179 .elementor-button{border-radius:8px 8px 8px 8px;padding:8px 8px 8px 8px;}.elementor-25281 .elementor-element.elementor-element-55335337 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-25281 .elementor-element.elementor-element-55335337{padding:10px 10px 10px 10px;}.elementor-25281 .elementor-element.elementor-element-12b9cd67 .elementor-button{border-radius:8px 8px 8px 8px;padding:8px 8px 8px 8px;}}/* Start custom CSS for html, class: .elementor-element-79c5dc6d */.elementor-25281 .elementor-element.elementor-element-79c5dc6d .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1c5def10 */.elementor-25281 .elementor-element.elementor-element-1c5def10 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ca41dc5 */.elementor-25281 .elementor-element.elementor-element-ca41dc5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6087a3c5 */.elementor-25281 .elementor-element.elementor-element-6087a3c5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48b5cd31 */.elementor-25281 .elementor-element.elementor-element-48b5cd31 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f7acf9e */.elementor-25281 .elementor-element.elementor-element-3f7acf9e .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3823561f */.elementor-25281 .elementor-element.elementor-element-3823561f .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3823561f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3823561f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1dead555 */.elementor-25281 .elementor-element.elementor-element-1dead555 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7b45ecc */.elementor-25281 .elementor-element.elementor-element-7b45ecc .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-79c5dc6d */.elementor-25281 .elementor-element.elementor-element-79c5dc6d .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1c5def10 */.elementor-25281 .elementor-element.elementor-element-1c5def10 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ca41dc5 */.elementor-25281 .elementor-element.elementor-element-ca41dc5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6087a3c5 */.elementor-25281 .elementor-element.elementor-element-6087a3c5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48b5cd31 */.elementor-25281 .elementor-element.elementor-element-48b5cd31 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f7acf9e */.elementor-25281 .elementor-element.elementor-element-3f7acf9e .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3823561f */.elementor-25281 .elementor-element.elementor-element-3823561f .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3823561f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3823561f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1dead555 */.elementor-25281 .elementor-element.elementor-element-1dead555 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7b45ecc */.elementor-25281 .elementor-element.elementor-element-7b45ecc .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-79c5dc6d */.elementor-25281 .elementor-element.elementor-element-79c5dc6d .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1c5def10 */.elementor-25281 .elementor-element.elementor-element-1c5def10 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ca41dc5 */.elementor-25281 .elementor-element.elementor-element-ca41dc5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6087a3c5 */.elementor-25281 .elementor-element.elementor-element-6087a3c5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48b5cd31 */.elementor-25281 .elementor-element.elementor-element-48b5cd31 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f7acf9e */.elementor-25281 .elementor-element.elementor-element-3f7acf9e .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3823561f */.elementor-25281 .elementor-element.elementor-element-3823561f .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3823561f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3823561f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1dead555 */.elementor-25281 .elementor-element.elementor-element-1dead555 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7b45ecc */.elementor-25281 .elementor-element.elementor-element-7b45ecc .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-79c5dc6d */.elementor-25281 .elementor-element.elementor-element-79c5dc6d .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1c5def10 */.elementor-25281 .elementor-element.elementor-element-1c5def10 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ca41dc5 */.elementor-25281 .elementor-element.elementor-element-ca41dc5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6087a3c5 */.elementor-25281 .elementor-element.elementor-element-6087a3c5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48b5cd31 */.elementor-25281 .elementor-element.elementor-element-48b5cd31 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f7acf9e */.elementor-25281 .elementor-element.elementor-element-3f7acf9e .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3823561f */.elementor-25281 .elementor-element.elementor-element-3823561f .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3823561f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3823561f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1dead555 */.elementor-25281 .elementor-element.elementor-element-1dead555 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7b45ecc */.elementor-25281 .elementor-element.elementor-element-7b45ecc .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-79c5dc6d */.elementor-25281 .elementor-element.elementor-element-79c5dc6d .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1c5def10 */.elementor-25281 .elementor-element.elementor-element-1c5def10 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ca41dc5 */.elementor-25281 .elementor-element.elementor-element-ca41dc5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6087a3c5 */.elementor-25281 .elementor-element.elementor-element-6087a3c5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48b5cd31 */.elementor-25281 .elementor-element.elementor-element-48b5cd31 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f7acf9e */.elementor-25281 .elementor-element.elementor-element-3f7acf9e .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3823561f */.elementor-25281 .elementor-element.elementor-element-3823561f .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3823561f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3823561f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1dead555 */.elementor-25281 .elementor-element.elementor-element-1dead555 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7b45ecc */.elementor-25281 .elementor-element.elementor-element-7b45ecc .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-79c5dc6d */.elementor-25281 .elementor-element.elementor-element-79c5dc6d .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1c5def10 */.elementor-25281 .elementor-element.elementor-element-1c5def10 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ca41dc5 */.elementor-25281 .elementor-element.elementor-element-ca41dc5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6087a3c5 */.elementor-25281 .elementor-element.elementor-element-6087a3c5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48b5cd31 */.elementor-25281 .elementor-element.elementor-element-48b5cd31 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f7acf9e */.elementor-25281 .elementor-element.elementor-element-3f7acf9e .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3823561f */.elementor-25281 .elementor-element.elementor-element-3823561f .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3823561f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3823561f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1dead555 */.elementor-25281 .elementor-element.elementor-element-1dead555 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7b45ecc */.elementor-25281 .elementor-element.elementor-element-7b45ecc .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-79c5dc6d */.elementor-25281 .elementor-element.elementor-element-79c5dc6d .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1c5def10 */.elementor-25281 .elementor-element.elementor-element-1c5def10 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ca41dc5 */.elementor-25281 .elementor-element.elementor-element-ca41dc5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6087a3c5 */.elementor-25281 .elementor-element.elementor-element-6087a3c5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48b5cd31 */.elementor-25281 .elementor-element.elementor-element-48b5cd31 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f7acf9e */.elementor-25281 .elementor-element.elementor-element-3f7acf9e .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3823561f */.elementor-25281 .elementor-element.elementor-element-3823561f .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3823561f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3823561f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1dead555 */.elementor-25281 .elementor-element.elementor-element-1dead555 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7b45ecc */.elementor-25281 .elementor-element.elementor-element-7b45ecc .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-79c5dc6d */.elementor-25281 .elementor-element.elementor-element-79c5dc6d .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1c5def10 */.elementor-25281 .elementor-element.elementor-element-1c5def10 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ca41dc5 */.elementor-25281 .elementor-element.elementor-element-ca41dc5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6087a3c5 */.elementor-25281 .elementor-element.elementor-element-6087a3c5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48b5cd31 */.elementor-25281 .elementor-element.elementor-element-48b5cd31 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f7acf9e */.elementor-25281 .elementor-element.elementor-element-3f7acf9e .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3823561f */.elementor-25281 .elementor-element.elementor-element-3823561f .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3823561f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3823561f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1dead555 */.elementor-25281 .elementor-element.elementor-element-1dead555 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7b45ecc */.elementor-25281 .elementor-element.elementor-element-7b45ecc .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-79c5dc6d */.elementor-25281 .elementor-element.elementor-element-79c5dc6d .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1c5def10 */.elementor-25281 .elementor-element.elementor-element-1c5def10 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ca41dc5 */.elementor-25281 .elementor-element.elementor-element-ca41dc5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6087a3c5 */.elementor-25281 .elementor-element.elementor-element-6087a3c5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48b5cd31 */.elementor-25281 .elementor-element.elementor-element-48b5cd31 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f7acf9e */.elementor-25281 .elementor-element.elementor-element-3f7acf9e .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3823561f */.elementor-25281 .elementor-element.elementor-element-3823561f .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3823561f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3823561f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1dead555 */.elementor-25281 .elementor-element.elementor-element-1dead555 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7b45ecc */.elementor-25281 .elementor-element.elementor-element-7b45ecc .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-79c5dc6d */.elementor-25281 .elementor-element.elementor-element-79c5dc6d .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .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-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-79c5dc6d .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1c5def10 */.elementor-25281 .elementor-element.elementor-element-1c5def10 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .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-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1c5def10 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1c5def10 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ca41dc5 */.elementor-25281 .elementor-element.elementor-element-ca41dc5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .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-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-ca41dc5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6087a3c5 */.elementor-25281 .elementor-element.elementor-element-6087a3c5 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .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-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-6087a3c5 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48b5cd31 */.elementor-25281 .elementor-element.elementor-element-48b5cd31 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .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-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-48b5cd31 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f7acf9e */.elementor-25281 .elementor-element.elementor-element-3f7acf9e .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .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-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3f7acf9e .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3823561f */.elementor-25281 .elementor-element.elementor-element-3823561f .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-3823561f .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-3823561f .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-3823561f .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-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-3823561f .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-3823561f .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-3823561f .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1dead555 */.elementor-25281 .elementor-element.elementor-element-1dead555 .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-1dead555 .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-1dead555 .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-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-1dead555 .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-1dead555 .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7b45ecc */.elementor-25281 .elementor-element.elementor-element-7b45ecc .box { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.5); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::before { content: ""; position: absolute; inset: -4px 46px; background: linear-gradient(315deg, #492E79, #B10421); transition: 0.5s; animation: animate 4s linear infinite; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } @keyframes animate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .content img { width: 100%; height: 100%; object-fit: contain; user-select: none; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .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-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:active .overlay { background: rgba(0, 0, 0, 0.2); } .elementor-25281 .elementor-element.elementor-element-7b45ecc .title { position: absolute; z-index: 3; color: #fff; font-size: 1rem; /* سایز کوچکتر */ text-align: center; padding: 0 10px; pointer-events: none; } /* استایل حالت هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box:hover .overlay { background: rgba(0, 0, 0, 0.2); } /* استایل حالت فعال، مشابه هاور */ .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active::before { inset: -8px 0; } .elementor-25281 .elementor-element.elementor-element-7b45ecc .box.active .overlay { background: rgba(0, 0, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-1f47b808 */@media (max-width: 768px) { .elementor-widget-nested-carousel .swiper-slide { width: 40% !important; /* نمایش تقریبی ۲.۵ آیتم */ margin-right: 10px; /* فاصله بین آیتم‌ها */ } .elementor-widget-nested-carousel .swiper-wrapper { padding-left: 0px !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7afd6af7 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-14099570 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-242bd3d8 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5ef9ac0b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-26a547ac *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-437d1445 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2d464d64 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7afd6af7 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-14099570 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-242bd3d8 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5ef9ac0b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-26a547ac *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-437d1445 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2d464d64 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7afd6af7 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-14099570 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-242bd3d8 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5ef9ac0b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-26a547ac *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-437d1445 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2d464d64 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7afd6af7 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-14099570 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-242bd3d8 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5ef9ac0b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-26a547ac *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-437d1445 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2d464d64 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7afd6af7 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-14099570 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-242bd3d8 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5ef9ac0b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-26a547ac *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-437d1445 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2d464d64 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7afd6af7 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-14099570 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-242bd3d8 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5ef9ac0b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-26a547ac *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-437d1445 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2d464d64 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7afd6af7 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-14099570 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-242bd3d8 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5ef9ac0b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-26a547ac *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-437d1445 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2d464d64 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7afd6af7 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-7afd6af7:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-14099570 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-14099570 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-14099570:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-242bd3d8 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-242bd3d8:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5ef9ac0b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5ef9ac0b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-26a547ac *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-26a547ac .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-26a547ac:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-437d1445 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-437d1445 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-437d1445:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2d464d64 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-2d464d64 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-2d464d64:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-74186ed5 */@media (max-width: 768px) { .elementor-widget-nested-carousel .swiper-slide { width: 40% !important; /* نمایش تقریبی ۲.۵ آیتم */ margin-right: 10px; /* فاصله بین آیتم‌ها */ } .elementor-widget-nested-carousel .swiper-wrapper { padding-left: 0px !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-53b8045b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-53b8045b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-53b8045b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1897ceb5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1897ceb5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-57c9004e *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-57c9004e .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-57c9004e:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3be8986d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3be8986d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3be8986d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-551eebf5 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-551eebf5 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-551eebf5:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5534e72 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5534e72 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5534e72:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3eef73e0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-3eef73e0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1a4dfd1b *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-1a4dfd1b:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5112e13d *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-5112e13d .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-5112e13d:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6771f4aa *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-6771f4aa:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-15ae4909 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-15ae4909 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-15ae4909:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-fc095d0 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-fc095d0 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-fc095d0:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-9586215 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-9586215 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-9586215:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-45a8da86 *//* والد تصویر */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper { position: relative; overflow: hidden; } /* overlay تیره هنگام هاور */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-wrapper::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 1; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-wrapper::before { opacity: 1; } /* عنوان: وسط تصویر، کمی کم‌رنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title { position: absolute; background: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.9); /* ← تغییر داده شد */ font-weight: bold; padding: 5px 3px 5px 3px; border-radius: 10px; text-align: center; z-index: 2; transition: all 0.5s ease; } /* هاور: متن سفید پررنگ */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title { color: #fff; } /* خط پایین: از راست به زیر متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::after { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 2px; background: #AE042B; transition: width 0.5s ease, right 0.5s ease; z-index: 2; } /* خط بالا: از چپ روی متن */ .elementor-25281 .elementor-element.elementor-element-45a8da86 .elementor-image-box-title::before { content: ""; position: absolute; top: -10px; left: 50%; width: 0; height: 2px; background: #492E79; transition: width 0.5s ease, left 0.5s ease; z-index: 2; } /* هاور: خطوط ظاهر می‌شن */ .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::after { width: 60%; right: 20%; } .elementor-25281 .elementor-element.elementor-element-45a8da86:hover .elementor-image-box-title::before { width: 60%; left: 20%; }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-4b2c9488 */@media (max-width: 768px) { .elementor-widget-nested-carousel .swiper-slide { width: 40% !important; /* نمایش تقریبی ۲.۵ آیتم */ margin-right: 10px; /* فاصله بین آیتم‌ها */ } .elementor-widget-nested-carousel .swiper-wrapper { padding-left: 0px !important; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-86d97c7 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3aefff54 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-24af531a *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-4d8804eb *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5153bb53 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-1e668799 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-180a5041 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3ab5b24d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5bdf6e2f *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-71d95fcc *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-86d97c7 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3aefff54 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-24af531a *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-4d8804eb *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5153bb53 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-1e668799 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-180a5041 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3ab5b24d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5bdf6e2f *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-71d95fcc *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-86d97c7 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3aefff54 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-24af531a *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-4d8804eb *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5153bb53 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-1e668799 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-180a5041 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3ab5b24d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5bdf6e2f *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-71d95fcc *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-86d97c7 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3aefff54 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-24af531a *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-4d8804eb *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5153bb53 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-1e668799 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-180a5041 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3ab5b24d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5bdf6e2f *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-71d95fcc *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-86d97c7 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3aefff54 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-24af531a *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-4d8804eb *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5153bb53 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-1e668799 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-180a5041 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3ab5b24d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5bdf6e2f *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-71d95fcc *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-86d97c7 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3aefff54 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-24af531a *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-4d8804eb *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5153bb53 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-1e668799 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-180a5041 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3ab5b24d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5bdf6e2f *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-71d95fcc *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-86d97c7 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3aefff54 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-24af531a *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-4d8804eb *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5153bb53 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-1e668799 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-180a5041 *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-3ab5b24d *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-5bdf6e2f *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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-71d95fcc *//* استایل زیبا برای نمایش لوگوها با افکت هاور */ .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 nested-carousel, class: .elementor-element-60523723 */@media (max-width: 768px) { .elementor-widget-nested-carousel .swiper-slide { width: 40% !important; /* نمایش تقریبی ۲.۵ آیتم */ margin-right: 10px; /* فاصله بین آیتم‌ها */ } .elementor-widget-nested-carousel .swiper-wrapper { padding-left: 0px !important; } }/* End custom CSS */