.elementor-22624 .elementor-element.elementor-element-4146a6e{--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-22624 .elementor-element.elementor-element-de5f069{--display:flex;}.elementor-22624 .elementor-element.elementor-element-ec23eb1{--display:flex;}.elementor-22624 .elementor-element.elementor-element-0c02b7e{--display:flex;}.elementor-22624 .elementor-element.elementor-element-0bcd4c6 .heading-box{justify-content:center;}.elementor-22624 .elementor-element.elementor-element-0bcd4c6 .head-title-v4{font-size:18px;}.elementor-22624 .elementor-element.elementor-element-8e449f0{text-align:justify;}.elementor-22624 .elementor-element.elementor-element-4e57c47{--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-22624 .elementor-element.elementor-element-7debc4f .heading-box{justify-content:center;}.elementor-22624 .elementor-element.elementor-element-7debc4f .head-title-v4{font-size:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-22624 .elementor-element.elementor-element-2b9525f{--display:flex;}.elementor-22624 .elementor-element.elementor-element-2b9525f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22624 .elementor-element.elementor-element-24667c6 .portfolio-head h2{text-align:center;color:#3C4354;}.elementor-22624 .elementor-element.elementor-element-24667c6 .portfolio-head p{text-align:center;color:#848484;}.elementor-22624 .elementor-element.elementor-element-24667c6 .column-item h3,.column-review h3{color:#000000;}.elementor-22624 .elementor-element.elementor-element-24667c6 .column-item p,.column-review p{color:#7a7a7a;}.elementor-22624 .elementor-element.elementor-element-24667c6 .slider .owl-carousel .owl-nav button.owl-next, .slider .owl-carousel .owl-nav button.owl-prev{color:#f98a00;background:#fff;}.elementor-22624 .elementor-element.elementor-element-f306577{--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-22624 .elementor-element.elementor-element-0788572{--display:flex;}.elementor-22624 .elementor-element.elementor-element-6d68121{--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-22624 .elementor-element.elementor-element-6d68121.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22624 .elementor-element.elementor-element-1801857 .heading-box{justify-content:center;}.elementor-22624 .elementor-element.elementor-element-1801857 .head-title-v6{font-size:27px;}.elementor-22624 .elementor-element.elementor-element-79723f4 .course-tab-box ul li h5{color:#4d4d4d;}.elementor-22624 .elementor-element.elementor-element-79723f4 .course-tab-box p{color:#808782;}.elementor-22624 .elementor-element.elementor-element-79723f4 .course-tab-box ul li h5 i{color:#9b9b9b;font-size:23px;}.elementor-22624 .elementor-element.elementor-element-79723f4 .course-tab-box{border-color:#ddd;}.elementor-22624 .elementor-element.elementor-element-b274ed9{--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-22624 .elementor-element.elementor-element-4715bc4{--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-22624 .elementor-element.elementor-element-4715bc4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-22624 .elementor-element.elementor-element-54f500a{--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-22624 .elementor-element.elementor-element-b7cb24a{--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-22624 .elementor-element.elementor-element-f170328 .elementor-image-box-wrapper{text-align:center;}.elementor-22624 .elementor-element.elementor-element-f170328.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-22624 .elementor-element.elementor-element-f170328.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-22624 .elementor-element.elementor-element-f170328.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-22624 .elementor-element.elementor-element-f170328 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-22624 .elementor-element.elementor-element-f170328 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-22624 .elementor-element.elementor-element-f170328 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-22624 .elementor-element.elementor-element-e2bd450{--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-22624 .elementor-element.elementor-element-2637623 .elementor-image-box-wrapper{text-align:center;}.elementor-22624 .elementor-element.elementor-element-2637623.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-22624 .elementor-element.elementor-element-2637623.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-22624 .elementor-element.elementor-element-2637623.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-22624 .elementor-element.elementor-element-2637623 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-22624 .elementor-element.elementor-element-2637623 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-22624 .elementor-element.elementor-element-2637623 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-22624 .elementor-element.elementor-element-c3051d3{--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-22624 .elementor-element.elementor-element-1602184 .elementor-image-box-wrapper{text-align:center;}.elementor-22624 .elementor-element.elementor-element-1602184.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-22624 .elementor-element.elementor-element-1602184.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-22624 .elementor-element.elementor-element-1602184.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-22624 .elementor-element.elementor-element-1602184 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-22624 .elementor-element.elementor-element-1602184 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-22624 .elementor-element.elementor-element-1602184 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-22624 .elementor-element.elementor-element-af96f2f{--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-22624 .elementor-element.elementor-element-4de15e1 .elementor-image-box-wrapper{text-align:center;}.elementor-22624 .elementor-element.elementor-element-4de15e1.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-22624 .elementor-element.elementor-element-4de15e1.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-22624 .elementor-element.elementor-element-4de15e1.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-22624 .elementor-element.elementor-element-4de15e1 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-22624 .elementor-element.elementor-element-4de15e1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-22624 .elementor-element.elementor-element-4de15e1 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-22624 .elementor-element.elementor-element-1ccc224{--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-22624 .elementor-element.elementor-element-c837c21 .elementor-image-box-wrapper{text-align:center;}.elementor-22624 .elementor-element.elementor-element-c837c21.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-22624 .elementor-element.elementor-element-c837c21.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-22624 .elementor-element.elementor-element-c837c21.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-22624 .elementor-element.elementor-element-c837c21 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-22624 .elementor-element.elementor-element-c837c21 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-22624 .elementor-element.elementor-element-c837c21 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-22624 .elementor-element.elementor-element-4698de3{--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-22624 .elementor-element.elementor-element-05723f4 .elementor-image-box-wrapper{text-align:center;}.elementor-22624 .elementor-element.elementor-element-05723f4.elementor-position-right .elementor-image-box-img{margin-left:-50px;}.elementor-22624 .elementor-element.elementor-element-05723f4.elementor-position-left .elementor-image-box-img{margin-right:-50px;}.elementor-22624 .elementor-element.elementor-element-05723f4.elementor-position-top .elementor-image-box-img{margin-bottom:-50px;}.elementor-22624 .elementor-element.elementor-element-05723f4 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-22624 .elementor-element.elementor-element-05723f4 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-22624 .elementor-element.elementor-element-05723f4 .elementor-image-box-title{font-size:17px;color:#000000;}.elementor-22624 .elementor-element.elementor-element-ea67713{--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-22624 .elementor-element.elementor-element-ea67713 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#11162E;}.elementor-22624 .elementor-element.elementor-element-ea67713.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-22624 .elementor-element.elementor-element-ea67713.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-22624 .elementor-element.elementor-element-ea67713.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-22624 .elementor-element.elementor-element-ea67713 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-icon-color-hover:#EBAB0B;}@media(max-width:768px){.elementor-22624 .elementor-element.elementor-element-f170328 .elementor-image-box-img{margin-bottom:-50px;}.elementor-22624 .elementor-element.elementor-element-2637623 .elementor-image-box-img{margin-bottom:-50px;}.elementor-22624 .elementor-element.elementor-element-1602184 .elementor-image-box-img{margin-bottom:-50px;}.elementor-22624 .elementor-element.elementor-element-4de15e1 .elementor-image-box-img{margin-bottom:-50px;}.elementor-22624 .elementor-element.elementor-element-c837c21 .elementor-image-box-img{margin-bottom:-50px;}.elementor-22624 .elementor-element.elementor-element-05723f4 .elementor-image-box-img{margin-bottom:-50px;}}@media(min-width:769px){.elementor-22624 .elementor-element.elementor-element-2b9525f{--width:101.613%;}.elementor-22624 .elementor-element.elementor-element-6d68121{--width:97.587%;}.elementor-22624 .elementor-element.elementor-element-4715bc4{--width:78.744%;}.elementor-22624 .elementor-element.elementor-element-b7cb24a{--width:33.3333%;}.elementor-22624 .elementor-element.elementor-element-e2bd450{--width:33.3333%;}.elementor-22624 .elementor-element.elementor-element-c3051d3{--width:33.3333%;}.elementor-22624 .elementor-element.elementor-element-af96f2f{--width:33.3333%;}.elementor-22624 .elementor-element.elementor-element-1ccc224{--width:33.3333%;}.elementor-22624 .elementor-element.elementor-element-4698de3{--width:33.3333%;}}/* Start custom CSS for image-box, class: .elementor-element-f170328 *//* این کد مستقیماً ویجت‌های 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-2637623 *//* این کد مستقیماً ویجت‌های 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-1602184 *//* این کد مستقیماً ویجت‌های 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-4de15e1 *//* این کد مستقیماً ویجت‌های 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-c837c21 *//* این کد مستقیماً ویجت‌های 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-05723f4 *//* این کد مستقیماً ویجت‌های 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-54f500a *//* کانتینر اصلی - همان استایل قبلی شما */ .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-f170328 *//* این کد مستقیماً ویجت‌های 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-2637623 *//* این کد مستقیماً ویجت‌های 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-1602184 *//* این کد مستقیماً ویجت‌های 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-4de15e1 *//* این کد مستقیماً ویجت‌های 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-c837c21 *//* این کد مستقیماً ویجت‌های 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-05723f4 *//* این کد مستقیماً ویجت‌های 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-54f500a *//* کانتینر اصلی - همان استایل قبلی شما */ .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-f170328 *//* این کد مستقیماً ویجت‌های 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-2637623 *//* این کد مستقیماً ویجت‌های 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-1602184 *//* این کد مستقیماً ویجت‌های 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-4de15e1 *//* این کد مستقیماً ویجت‌های 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-c837c21 *//* این کد مستقیماً ویجت‌های 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-05723f4 *//* این کد مستقیماً ویجت‌های 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-54f500a *//* کانتینر اصلی - همان استایل قبلی شما */ .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-f170328 *//* این کد مستقیماً ویجت‌های 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-2637623 *//* این کد مستقیماً ویجت‌های 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-1602184 *//* این کد مستقیماً ویجت‌های 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-4de15e1 *//* این کد مستقیماً ویجت‌های 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-c837c21 *//* این کد مستقیماً ویجت‌های 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-05723f4 *//* این کد مستقیماً ویجت‌های 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-54f500a *//* کانتینر اصلی - همان استایل قبلی شما */ .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-f170328 *//* این کد مستقیماً ویجت‌های 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-2637623 *//* این کد مستقیماً ویجت‌های 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-1602184 *//* این کد مستقیماً ویجت‌های 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-4de15e1 *//* این کد مستقیماً ویجت‌های 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-c837c21 *//* این کد مستقیماً ویجت‌های 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-05723f4 *//* این کد مستقیماً ویجت‌های 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-54f500a *//* کانتینر اصلی - همان استایل قبلی شما */ .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-f170328 *//* این کد مستقیماً ویجت‌های 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-2637623 *//* این کد مستقیماً ویجت‌های 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-1602184 *//* این کد مستقیماً ویجت‌های 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-4de15e1 *//* این کد مستقیماً ویجت‌های 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-c837c21 *//* این کد مستقیماً ویجت‌های 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-05723f4 *//* این کد مستقیماً ویجت‌های 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-54f500a *//* کانتینر اصلی - همان استایل قبلی شما */ .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-f170328 *//* این کد مستقیماً ویجت‌های 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-2637623 *//* این کد مستقیماً ویجت‌های 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-1602184 *//* این کد مستقیماً ویجت‌های 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-4de15e1 *//* این کد مستقیماً ویجت‌های 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-c837c21 *//* این کد مستقیماً ویجت‌های 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-05723f4 *//* این کد مستقیماً ویجت‌های 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-54f500a *//* کانتینر اصلی - همان استایل قبلی شما */ .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-f170328 *//* این کد مستقیماً ویجت‌های 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-2637623 *//* این کد مستقیماً ویجت‌های 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-1602184 *//* این کد مستقیماً ویجت‌های 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-4de15e1 *//* این کد مستقیماً ویجت‌های 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-c837c21 *//* این کد مستقیماً ویجت‌های 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-05723f4 *//* این کد مستقیماً ویجت‌های 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-54f500a *//* کانتینر اصلی - همان استایل قبلی شما */ .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 */