.elementor-31707 .elementor-element.elementor-element-bde90d4{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-31707 .elementor-element.elementor-element-ac1e16c{--display:flex;}.elementor-31707 .elementor-element.elementor-element-08640b0{--display:flex;}.elementor-31707 .elementor-element.elementor-element-7d8c2bf{--display:flex;}.elementor-31707 .elementor-element.elementor-element-6489045 .heading-box{justify-content:center;}.elementor-31707 .elementor-element.elementor-element-6489045 .head-title-v4{font-size:18px;}.elementor-31707 .elementor-element.elementor-element-f1e4520{text-align:justify;}.elementor-31707 .elementor-element.elementor-element-ac30b84{--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-31707 .elementor-element.elementor-element-be0c2fb .heading-box{justify-content:center;}.elementor-31707 .elementor-element.elementor-element-be0c2fb .head-title-v4{font-size:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-31707 .elementor-element.elementor-element-c3a3312{--display:flex;}.elementor-31707 .elementor-element.elementor-element-c3a3312.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31707 .elementor-element.elementor-element-cb3e4ff .portfolio-head h2{text-align:center;color:#3C4354;}.elementor-31707 .elementor-element.elementor-element-cb3e4ff .portfolio-head p{text-align:center;color:#848484;}.elementor-31707 .elementor-element.elementor-element-cb3e4ff .column-item h3,.column-review h3{color:#000000;}.elementor-31707 .elementor-element.elementor-element-cb3e4ff .column-item p,.column-review p{color:#7a7a7a;}.elementor-31707 .elementor-element.elementor-element-cb3e4ff .slider .owl-carousel .owl-nav button.owl-next, .slider .owl-carousel .owl-nav button.owl-prev{color:#f98a00;background:#fff;}.elementor-31707 .elementor-element.elementor-element-ed5d59a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-31707 .elementor-element.elementor-element-268b889{--display:flex;}.elementor-31707 .elementor-element.elementor-element-a3ce3e2{--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-31707 .elementor-element.elementor-element-a3ce3e2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31707 .elementor-element.elementor-element-429a0cc .heading-box{justify-content:center;}.elementor-31707 .elementor-element.elementor-element-429a0cc .head-title-v6{font-size:27px;}.elementor-31707 .elementor-element.elementor-element-9297056 .course-tab-box ul li h5{color:#4d4d4d;}.elementor-31707 .elementor-element.elementor-element-9297056 .course-tab-box p{color:#808782;}.elementor-31707 .elementor-element.elementor-element-9297056 .course-tab-box ul li h5 i{color:#9b9b9b;font-size:23px;}.elementor-31707 .elementor-element.elementor-element-9297056 .course-tab-box{border-color:#ddd;}.elementor-31707 .elementor-element.elementor-element-b54b9f1{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-31707 .elementor-element.elementor-element-d045893{--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-31707 .elementor-element.elementor-element-d045893.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-31707 .elementor-element.elementor-element-c34b48d{--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;--flex-wrap:wrap;}.elementor-31707 .elementor-element.elementor-element-c5985b6{--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-widget-image-box .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{color:var( --e-global-color-text );}.elementor-31707 .elementor-element.elementor-element-27b8b87 .elementor-image-box-wrapper{text-align:center;}.elementor-31707 .elementor-element.elementor-element-27b8b87.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-31707 .elementor-element.elementor-element-27b8b87.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-31707 .elementor-element.elementor-element-27b8b87.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-31707 .elementor-element.elementor-element-27b8b87 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-31707 .elementor-element.elementor-element-27b8b87 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-31707 .elementor-element.elementor-element-27b8b87 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-31707 .elementor-element.elementor-element-3a52d78{--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-31707 .elementor-element.elementor-element-5545bec .elementor-image-box-wrapper{text-align:center;}.elementor-31707 .elementor-element.elementor-element-5545bec.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-31707 .elementor-element.elementor-element-5545bec.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-31707 .elementor-element.elementor-element-5545bec.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-31707 .elementor-element.elementor-element-5545bec .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-31707 .elementor-element.elementor-element-5545bec .elementor-image-box-img img{transition-duration:0.3s;}.elementor-31707 .elementor-element.elementor-element-5545bec .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-31707 .elementor-element.elementor-element-ef9767b{--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-31707 .elementor-element.elementor-element-18ce343 .elementor-image-box-wrapper{text-align:center;}.elementor-31707 .elementor-element.elementor-element-18ce343.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-31707 .elementor-element.elementor-element-18ce343.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-31707 .elementor-element.elementor-element-18ce343.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-31707 .elementor-element.elementor-element-18ce343 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-31707 .elementor-element.elementor-element-18ce343 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-31707 .elementor-element.elementor-element-18ce343 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-31707 .elementor-element.elementor-element-4811c02{--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-31707 .elementor-element.elementor-element-8f89424 .elementor-image-box-wrapper{text-align:center;}.elementor-31707 .elementor-element.elementor-element-8f89424.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-31707 .elementor-element.elementor-element-8f89424.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-31707 .elementor-element.elementor-element-8f89424.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-31707 .elementor-element.elementor-element-8f89424 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-31707 .elementor-element.elementor-element-8f89424 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-31707 .elementor-element.elementor-element-8f89424 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-31707 .elementor-element.elementor-element-eec78a4{--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-31707 .elementor-element.elementor-element-3c7ec2e .elementor-image-box-wrapper{text-align:center;}.elementor-31707 .elementor-element.elementor-element-3c7ec2e.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-31707 .elementor-element.elementor-element-3c7ec2e.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-31707 .elementor-element.elementor-element-3c7ec2e.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-31707 .elementor-element.elementor-element-3c7ec2e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-31707 .elementor-element.elementor-element-3c7ec2e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-31707 .elementor-element.elementor-element-3c7ec2e .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-31707 .elementor-element.elementor-element-b0df9a2{--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-31707 .elementor-element.elementor-element-e2d0f4f .elementor-image-box-wrapper{text-align:center;}.elementor-31707 .elementor-element.elementor-element-e2d0f4f.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-31707 .elementor-element.elementor-element-e2d0f4f.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-31707 .elementor-element.elementor-element-e2d0f4f.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-31707 .elementor-element.elementor-element-e2d0f4f .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-31707 .elementor-element.elementor-element-e2d0f4f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-31707 .elementor-element.elementor-element-e2d0f4f .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-31707 .elementor-element.elementor-element-08cd432{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:3px;--n-tabs-gap:0px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-padding-top:20px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:20px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:11px;--n-tabs-title-color:#FFFFFF;--n-tabs-icon-color-active:#E9A91B;}.elementor-31707 .elementor-element.elementor-element-08cd432 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#11162E;}.elementor-31707 .elementor-element.elementor-element-08cd432.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#1A2A6C;}.elementor-31707 .elementor-element.elementor-element-08cd432.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-31707 .elementor-element.elementor-element-08cd432.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#1A2A6C;}.elementor-31707 .elementor-element.elementor-element-08cd432 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-icon-color-hover:#EBAB0B;}@media(max-width:768px){.elementor-31707 .elementor-element.elementor-element-27b8b87 .elementor-image-box-img{margin-bottom:-50px;}.elementor-31707 .elementor-element.elementor-element-5545bec .elementor-image-box-img{margin-bottom:-50px;}.elementor-31707 .elementor-element.elementor-element-18ce343 .elementor-image-box-img{margin-bottom:-50px;}.elementor-31707 .elementor-element.elementor-element-8f89424 .elementor-image-box-img{margin-bottom:-50px;}.elementor-31707 .elementor-element.elementor-element-3c7ec2e .elementor-image-box-img{margin-bottom:-50px;}.elementor-31707 .elementor-element.elementor-element-e2d0f4f .elementor-image-box-img{margin-bottom:-50px;}}@media(min-width:769px){.elementor-31707 .elementor-element.elementor-element-c3a3312{--width:101.613%;}.elementor-31707 .elementor-element.elementor-element-a3ce3e2{--width:97.587%;}.elementor-31707 .elementor-element.elementor-element-d045893{--width:78.744%;}.elementor-31707 .elementor-element.elementor-element-c5985b6{--width:33.3333%;}.elementor-31707 .elementor-element.elementor-element-3a52d78{--width:33.3333%;}.elementor-31707 .elementor-element.elementor-element-ef9767b{--width:33.3333%;}.elementor-31707 .elementor-element.elementor-element-4811c02{--width:33.3333%;}.elementor-31707 .elementor-element.elementor-element-eec78a4{--width:33.3333%;}.elementor-31707 .elementor-element.elementor-element-b0df9a2{--width:33.3333%;}}/* Start custom CSS for image-box, class: .elementor-element-27b8b87 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5545bec *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-18ce343 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-8f89424 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3c7ec2e *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e2d0f4f *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c34b48d *//* کانتینر اصلی - همان استایل قبلی شما */ .elementor-element-9813193 { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; } /* هاور روی کل کارت */ .elementor-element-9813193:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-element-9813193:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* اصلاح عنوان - بدون خط کناری مزاحم */ .elementor-element-9813193 .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; /* برای اینکه خط زیر متن فقط به اندازه خود متن باشد */ } /* افزودن یک خط زیرین ظریف که در هاور پهن‌تر می‌شود (جذاب‌تر از خط کناری) */ .elementor-element-9813193 .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; /* خط کوچک زیر متن */ height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-element-9813193:hover .elementor-image-box-title::after { width: 100%; /* در هاور خط زیر متن کامل می‌شود */ }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-27b8b87 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5545bec *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-18ce343 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-8f89424 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3c7ec2e *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e2d0f4f *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c34b48d *//* کانتینر اصلی - همان استایل قبلی شما */ .elementor-element-9813193 { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; } /* هاور روی کل کارت */ .elementor-element-9813193:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-element-9813193:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* اصلاح عنوان - بدون خط کناری مزاحم */ .elementor-element-9813193 .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; /* برای اینکه خط زیر متن فقط به اندازه خود متن باشد */ } /* افزودن یک خط زیرین ظریف که در هاور پهن‌تر می‌شود (جذاب‌تر از خط کناری) */ .elementor-element-9813193 .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; /* خط کوچک زیر متن */ height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-element-9813193:hover .elementor-image-box-title::after { width: 100%; /* در هاور خط زیر متن کامل می‌شود */ }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-27b8b87 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5545bec *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-18ce343 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-8f89424 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3c7ec2e *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e2d0f4f *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c34b48d *//* کانتینر اصلی - همان استایل قبلی شما */ .elementor-element-9813193 { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; } /* هاور روی کل کارت */ .elementor-element-9813193:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-element-9813193:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* اصلاح عنوان - بدون خط کناری مزاحم */ .elementor-element-9813193 .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; /* برای اینکه خط زیر متن فقط به اندازه خود متن باشد */ } /* افزودن یک خط زیرین ظریف که در هاور پهن‌تر می‌شود (جذاب‌تر از خط کناری) */ .elementor-element-9813193 .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; /* خط کوچک زیر متن */ height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-element-9813193:hover .elementor-image-box-title::after { width: 100%; /* در هاور خط زیر متن کامل می‌شود */ }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-27b8b87 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5545bec *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-18ce343 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-8f89424 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3c7ec2e *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e2d0f4f *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c34b48d *//* کانتینر اصلی - همان استایل قبلی شما */ .elementor-element-9813193 { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; } /* هاور روی کل کارت */ .elementor-element-9813193:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-element-9813193:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* اصلاح عنوان - بدون خط کناری مزاحم */ .elementor-element-9813193 .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; /* برای اینکه خط زیر متن فقط به اندازه خود متن باشد */ } /* افزودن یک خط زیرین ظریف که در هاور پهن‌تر می‌شود (جذاب‌تر از خط کناری) */ .elementor-element-9813193 .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; /* خط کوچک زیر متن */ height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-element-9813193:hover .elementor-image-box-title::after { width: 100%; /* در هاور خط زیر متن کامل می‌شود */ }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-27b8b87 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5545bec *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-18ce343 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-8f89424 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3c7ec2e *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e2d0f4f *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c34b48d *//* کانتینر اصلی - همان استایل قبلی شما */ .elementor-element-9813193 { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; } /* هاور روی کل کارت */ .elementor-element-9813193:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-element-9813193:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* اصلاح عنوان - بدون خط کناری مزاحم */ .elementor-element-9813193 .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; /* برای اینکه خط زیر متن فقط به اندازه خود متن باشد */ } /* افزودن یک خط زیرین ظریف که در هاور پهن‌تر می‌شود (جذاب‌تر از خط کناری) */ .elementor-element-9813193 .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; /* خط کوچک زیر متن */ height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-element-9813193:hover .elementor-image-box-title::after { width: 100%; /* در هاور خط زیر متن کامل می‌شود */ }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-27b8b87 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5545bec *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-18ce343 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-8f89424 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3c7ec2e *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e2d0f4f *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c34b48d *//* کانتینر اصلی - همان استایل قبلی شما */ .elementor-element-9813193 { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; } /* هاور روی کل کارت */ .elementor-element-9813193:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-element-9813193:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* اصلاح عنوان - بدون خط کناری مزاحم */ .elementor-element-9813193 .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; /* برای اینکه خط زیر متن فقط به اندازه خود متن باشد */ } /* افزودن یک خط زیرین ظریف که در هاور پهن‌تر می‌شود (جذاب‌تر از خط کناری) */ .elementor-element-9813193 .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; /* خط کوچک زیر متن */ height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-element-9813193:hover .elementor-image-box-title::after { width: 100%; /* در هاور خط زیر متن کامل می‌شود */ }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-27b8b87 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5545bec *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-18ce343 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-8f89424 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3c7ec2e *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e2d0f4f *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c34b48d *//* کانتینر اصلی - همان استایل قبلی شما */ .elementor-element-9813193 { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; } /* هاور روی کل کارت */ .elementor-element-9813193:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-element-9813193:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* اصلاح عنوان - بدون خط کناری مزاحم */ .elementor-element-9813193 .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; /* برای اینکه خط زیر متن فقط به اندازه خود متن باشد */ } /* افزودن یک خط زیرین ظریف که در هاور پهن‌تر می‌شود (جذاب‌تر از خط کناری) */ .elementor-element-9813193 .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; /* خط کوچک زیر متن */ height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-element-9813193:hover .elementor-image-box-title::after { width: 100%; /* در هاور خط زیر متن کامل می‌شود */ }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-27b8b87 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-5545bec *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-18ce343 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-8f89424 *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3c7ec2e *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-e2d0f4f *//* این کد مستقیماً ویجت‌های Image Box المنتور را هدف قرار می‌دهد */ .elementor-widget-image-box .elementor-image-box-wrapper { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; overflow: hidden; } /* هاور روی کل کارت */ .elementor-widget-image-box:hover .elementor-image-box-wrapper { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-widget-image-box:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* عنوان */ .elementor-widget-image-box .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; } /* خط زیر عنوان */ .elementor-widget-image-box .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-widget-image-box:hover .elementor-image-box-title::after { width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c34b48d *//* کانتینر اصلی - همان استایل قبلی شما */ .elementor-element-9813193 { background: #ffffff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-bottom: 5px solid #ff7675; text-align: center; transition: all 0.3s ease; } /* هاور روی کل کارت */ .elementor-element-9813193:hover { box-shadow: 0 15px 35px rgba(0,0,0,0.12); } /* تصویر */ .elementor-image-box-img img { transition: transform 0.4s ease; } .elementor-element-9813193:hover .elementor-image-box-img img { transform: scale(1.08) rotate(2deg); } /* اصلاح عنوان - بدون خط کناری مزاحم */ .elementor-element-9813193 .elementor-image-box-title { font-weight: 800; font-size: 1.6rem; color: #333; letter-spacing: -0.5px; margin-top: 15px !important; position: relative; padding-bottom: 5px; display: inline-block; /* برای اینکه خط زیر متن فقط به اندازه خود متن باشد */ } /* افزودن یک خط زیرین ظریف که در هاور پهن‌تر می‌شود (جذاب‌تر از خط کناری) */ .elementor-element-9813193 .elementor-image-box-title::after { content: ''; position: absolute; bottom: 0; right: 0; width: 30%; /* خط کوچک زیر متن */ height: 3px; background: #ff7675; transition: width 0.3s ease; border-radius: 2px; } .elementor-element-9813193:hover .elementor-image-box-title::after { width: 100%; /* در هاور خط زیر متن کامل می‌شود */ }/* End custom CSS */