.elementor-23404 .elementor-element.elementor-element-e87cddd{--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-23404 .elementor-element.elementor-element-7304a67{--display:flex;}.elementor-23404 .elementor-element.elementor-element-8c026a6{--display:flex;}.elementor-23404 .elementor-element.elementor-element-b28e493{--display:flex;}.elementor-23404 .elementor-element.elementor-element-a652e44 .heading-box{justify-content:center;}.elementor-23404 .elementor-element.elementor-element-a652e44 .head-title-v4{font-size:18px;}.elementor-23404 .elementor-element.elementor-element-7a9d9f2{text-align:justify;}.elementor-23404 .elementor-element.elementor-element-2915725{--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-23404 .elementor-element.elementor-element-bccfb04 .heading-box{justify-content:center;}.elementor-23404 .elementor-element.elementor-element-bccfb04 .head-title-v4{font-size:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-23404 .elementor-element.elementor-element-7b4c9ba{--display:flex;}.elementor-23404 .elementor-element.elementor-element-7b4c9ba.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23404 .elementor-element.elementor-element-9443b0b .portfolio-head h2{text-align:center;color:#3C4354;}.elementor-23404 .elementor-element.elementor-element-9443b0b .portfolio-head p{text-align:center;color:#848484;}.elementor-23404 .elementor-element.elementor-element-9443b0b .column-item h3,.column-review h3{color:#000000;}.elementor-23404 .elementor-element.elementor-element-9443b0b .column-item p,.column-review p{color:#7a7a7a;}.elementor-23404 .elementor-element.elementor-element-9443b0b .slider .owl-carousel .owl-nav button.owl-next, .slider .owl-carousel .owl-nav button.owl-prev{color:#f98a00;background:#fff;}.elementor-23404 .elementor-element.elementor-element-ebeb17f{--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-23404 .elementor-element.elementor-element-f59c4fd{--display:flex;}.elementor-23404 .elementor-element.elementor-element-f361ed6{--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-23404 .elementor-element.elementor-element-f361ed6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23404 .elementor-element.elementor-element-1986194 .heading-box{justify-content:center;}.elementor-23404 .elementor-element.elementor-element-1986194 .head-title-v6{font-size:27px;}.elementor-23404 .elementor-element.elementor-element-7f845fa .course-tab-box ul li h5{color:#4d4d4d;}.elementor-23404 .elementor-element.elementor-element-7f845fa .course-tab-box p{color:#808782;}.elementor-23404 .elementor-element.elementor-element-7f845fa .course-tab-box ul li h5 i{color:#9b9b9b;font-size:23px;}.elementor-23404 .elementor-element.elementor-element-7f845fa .course-tab-box{border-color:#ddd;}.elementor-23404 .elementor-element.elementor-element-ead504b{--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-23404 .elementor-element.elementor-element-b8df4c6{--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-23404 .elementor-element.elementor-element-b8df4c6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-23404 .elementor-element.elementor-element-ea1ff40{--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-23404 .elementor-element.elementor-element-1f992fa{--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-23404 .elementor-element.elementor-element-70a8a48 .elementor-image-box-wrapper{text-align:center;}.elementor-23404 .elementor-element.elementor-element-70a8a48.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-23404 .elementor-element.elementor-element-70a8a48.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-23404 .elementor-element.elementor-element-70a8a48.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-23404 .elementor-element.elementor-element-70a8a48 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-23404 .elementor-element.elementor-element-70a8a48 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23404 .elementor-element.elementor-element-70a8a48 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-23404 .elementor-element.elementor-element-381f606{--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-23404 .elementor-element.elementor-element-86d41c5 .elementor-image-box-wrapper{text-align:center;}.elementor-23404 .elementor-element.elementor-element-86d41c5.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-23404 .elementor-element.elementor-element-86d41c5.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-23404 .elementor-element.elementor-element-86d41c5.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-23404 .elementor-element.elementor-element-86d41c5 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-23404 .elementor-element.elementor-element-86d41c5 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23404 .elementor-element.elementor-element-86d41c5 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-23404 .elementor-element.elementor-element-1d97691{--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-23404 .elementor-element.elementor-element-e50b81d .elementor-image-box-wrapper{text-align:center;}.elementor-23404 .elementor-element.elementor-element-e50b81d.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-23404 .elementor-element.elementor-element-e50b81d.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-23404 .elementor-element.elementor-element-e50b81d.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-23404 .elementor-element.elementor-element-e50b81d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-23404 .elementor-element.elementor-element-e50b81d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23404 .elementor-element.elementor-element-e50b81d .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-23404 .elementor-element.elementor-element-d8249d6{--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-23404 .elementor-element.elementor-element-01f0bda .elementor-image-box-wrapper{text-align:center;}.elementor-23404 .elementor-element.elementor-element-01f0bda.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-23404 .elementor-element.elementor-element-01f0bda.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-23404 .elementor-element.elementor-element-01f0bda.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-23404 .elementor-element.elementor-element-01f0bda .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-23404 .elementor-element.elementor-element-01f0bda .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23404 .elementor-element.elementor-element-01f0bda .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-23404 .elementor-element.elementor-element-7492914{--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-23404 .elementor-element.elementor-element-43eaa63 .elementor-image-box-wrapper{text-align:center;}.elementor-23404 .elementor-element.elementor-element-43eaa63.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-23404 .elementor-element.elementor-element-43eaa63.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-23404 .elementor-element.elementor-element-43eaa63.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-23404 .elementor-element.elementor-element-43eaa63 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-23404 .elementor-element.elementor-element-43eaa63 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23404 .elementor-element.elementor-element-43eaa63 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-23404 .elementor-element.elementor-element-b076a24{--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-23404 .elementor-element.elementor-element-d120d9f .elementor-image-box-wrapper{text-align:center;}.elementor-23404 .elementor-element.elementor-element-d120d9f.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-23404 .elementor-element.elementor-element-d120d9f.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-23404 .elementor-element.elementor-element-d120d9f.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-23404 .elementor-element.elementor-element-d120d9f .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-23404 .elementor-element.elementor-element-d120d9f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-23404 .elementor-element.elementor-element-d120d9f .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-23404 .elementor-element.elementor-element-8b010d6{--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-23404 .elementor-element.elementor-element-8b010d6 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#11162E;}.elementor-23404 .elementor-element.elementor-element-8b010d6.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-23404 .elementor-element.elementor-element-8b010d6.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-23404 .elementor-element.elementor-element-8b010d6.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-23404 .elementor-element.elementor-element-8b010d6 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-icon-color-hover:#EBAB0B;}@media(max-width:768px){.elementor-23404 .elementor-element.elementor-element-70a8a48 .elementor-image-box-img{margin-bottom:-50px;}.elementor-23404 .elementor-element.elementor-element-86d41c5 .elementor-image-box-img{margin-bottom:-50px;}.elementor-23404 .elementor-element.elementor-element-e50b81d .elementor-image-box-img{margin-bottom:-50px;}.elementor-23404 .elementor-element.elementor-element-01f0bda .elementor-image-box-img{margin-bottom:-50px;}.elementor-23404 .elementor-element.elementor-element-43eaa63 .elementor-image-box-img{margin-bottom:-50px;}.elementor-23404 .elementor-element.elementor-element-d120d9f .elementor-image-box-img{margin-bottom:-50px;}}@media(min-width:769px){.elementor-23404 .elementor-element.elementor-element-7b4c9ba{--width:101.613%;}.elementor-23404 .elementor-element.elementor-element-f361ed6{--width:97.587%;}.elementor-23404 .elementor-element.elementor-element-b8df4c6{--width:78.744%;}.elementor-23404 .elementor-element.elementor-element-1f992fa{--width:33.3333%;}.elementor-23404 .elementor-element.elementor-element-381f606{--width:33.3333%;}.elementor-23404 .elementor-element.elementor-element-1d97691{--width:33.3333%;}.elementor-23404 .elementor-element.elementor-element-d8249d6{--width:33.3333%;}.elementor-23404 .elementor-element.elementor-element-7492914{--width:33.3333%;}.elementor-23404 .elementor-element.elementor-element-b076a24{--width:33.3333%;}}/* Start custom CSS for image-box, class: .elementor-element-70a8a48 *//* این کد مستقیماً ویجت‌های 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-86d41c5 *//* این کد مستقیماً ویجت‌های 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-e50b81d *//* این کد مستقیماً ویجت‌های 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-01f0bda *//* این کد مستقیماً ویجت‌های 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-43eaa63 *//* این کد مستقیماً ویجت‌های 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-d120d9f *//* این کد مستقیماً ویجت‌های 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-ea1ff40 *//* کانتینر اصلی - همان استایل قبلی شما */ .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-70a8a48 *//* این کد مستقیماً ویجت‌های 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-86d41c5 *//* این کد مستقیماً ویجت‌های 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-e50b81d *//* این کد مستقیماً ویجت‌های 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-01f0bda *//* این کد مستقیماً ویجت‌های 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-43eaa63 *//* این کد مستقیماً ویجت‌های 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-d120d9f *//* این کد مستقیماً ویجت‌های 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-ea1ff40 *//* کانتینر اصلی - همان استایل قبلی شما */ .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-70a8a48 *//* این کد مستقیماً ویجت‌های 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-86d41c5 *//* این کد مستقیماً ویجت‌های 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-e50b81d *//* این کد مستقیماً ویجت‌های 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-01f0bda *//* این کد مستقیماً ویجت‌های 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-43eaa63 *//* این کد مستقیماً ویجت‌های 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-d120d9f *//* این کد مستقیماً ویجت‌های 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-ea1ff40 *//* کانتینر اصلی - همان استایل قبلی شما */ .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-70a8a48 *//* این کد مستقیماً ویجت‌های 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-86d41c5 *//* این کد مستقیماً ویجت‌های 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-e50b81d *//* این کد مستقیماً ویجت‌های 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-01f0bda *//* این کد مستقیماً ویجت‌های 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-43eaa63 *//* این کد مستقیماً ویجت‌های 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-d120d9f *//* این کد مستقیماً ویجت‌های 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-ea1ff40 *//* کانتینر اصلی - همان استایل قبلی شما */ .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-70a8a48 *//* این کد مستقیماً ویجت‌های 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-86d41c5 *//* این کد مستقیماً ویجت‌های 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-e50b81d *//* این کد مستقیماً ویجت‌های 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-01f0bda *//* این کد مستقیماً ویجت‌های 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-43eaa63 *//* این کد مستقیماً ویجت‌های 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-d120d9f *//* این کد مستقیماً ویجت‌های 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-ea1ff40 *//* کانتینر اصلی - همان استایل قبلی شما */ .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-70a8a48 *//* این کد مستقیماً ویجت‌های 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-86d41c5 *//* این کد مستقیماً ویجت‌های 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-e50b81d *//* این کد مستقیماً ویجت‌های 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-01f0bda *//* این کد مستقیماً ویجت‌های 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-43eaa63 *//* این کد مستقیماً ویجت‌های 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-d120d9f *//* این کد مستقیماً ویجت‌های 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-ea1ff40 *//* کانتینر اصلی - همان استایل قبلی شما */ .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-70a8a48 *//* این کد مستقیماً ویجت‌های 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-86d41c5 *//* این کد مستقیماً ویجت‌های 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-e50b81d *//* این کد مستقیماً ویجت‌های 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-01f0bda *//* این کد مستقیماً ویجت‌های 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-43eaa63 *//* این کد مستقیماً ویجت‌های 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-d120d9f *//* این کد مستقیماً ویجت‌های 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-ea1ff40 *//* کانتینر اصلی - همان استایل قبلی شما */ .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-70a8a48 *//* این کد مستقیماً ویجت‌های 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-86d41c5 *//* این کد مستقیماً ویجت‌های 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-e50b81d *//* این کد مستقیماً ویجت‌های 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-01f0bda *//* این کد مستقیماً ویجت‌های 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-43eaa63 *//* این کد مستقیماً ویجت‌های 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-d120d9f *//* این کد مستقیماً ویجت‌های 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-ea1ff40 *//* کانتینر اصلی - همان استایل قبلی شما */ .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 */