.elementor-4125 .elementor-element.elementor-element-73e2e42{--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;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-4125 .elementor-element.elementor-element-d2148e9 .elementskit-section-title-wraper .elementskit-section-title{font-size:4em;font-weight:900;}.elementor-4125 .elementor-element.elementor-element-d2148e9 .elementskit-section-title-wraper .elementskit-section-title > span{color:#036C5F;}.elementor-4125 .elementor-element.elementor-element-d2148e9 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-accent );}.elementor-4125 .elementor-element.elementor-element-d2148e9 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-4125 .elementor-element.elementor-element-d2148e9 .elementskit-section-title-wraper .elementskit-section-title > span{font-weight:900;text-transform:none;font-style:normal;}.elementor-4125 .elementor-element.elementor-element-9c75278{--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;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-4125 .elementor-element.elementor-element-267a0e9{--display:grid;--min-height:220px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:20px;--padding-bottom:10px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-4125 .elementor-element.elementor-element-8a4549f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:100px 100px 100px 100px;overflow:visible;}.elementor-4125 .elementor-element.elementor-element-71c2a14{text-align:center;}.elementor-4125 .elementor-element.elementor-element-a591cb2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:100px 100px 100px 100px;overflow:visible;}.elementor-4125 .elementor-element.elementor-element-a996803{text-align:center;}.elementor-4125 .elementor-element.elementor-element-ca8614a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:100px 100px 100px 100px;overflow:visible;}.elementor-4125 .elementor-element.elementor-element-d3aaaa2{text-align:center;}.elementor-4125 .elementor-element.elementor-element-fc4c2d8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:100px 100px 100px 100px;overflow:visible;}.elementor-4125 .elementor-element.elementor-element-b43ba73{text-align:center;}.elementor-4125 .elementor-element.elementor-element-e0ce228{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:100px 100px 100px 100px;overflow:visible;}.elementor-4125 .elementor-element.elementor-element-4f72959{text-align:center;}@media(max-width:1024px){.elementor-4125 .elementor-element.elementor-element-d2148e9 .elementskit-section-title-wraper .elementskit-section-title{font-size:2.2em;}.elementor-4125 .elementor-element.elementor-element-267a0e9{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4125 .elementor-element.elementor-element-d2148e9 .elementskit-section-title-wraper .elementskit-section-title{font-size:1.9em;}.elementor-4125 .elementor-element.elementor-element-9c75278{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4125 .elementor-element.elementor-element-267a0e9{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-8a4549f *//*
=============================================================
   Advanced & Professional Material Card for Elementor
   Inspired by Material 2.0 & Fluent Design Principles
   Class: .pro-material-card
=============================================================
*/

/* --- حالت پایه و اولیه کارت --- */
.pro-material-card {
    background-color: #ffffff;
    border-radius: 16px; /* گوشه‌های گردتر برای ظاهری مدرن‌تر */
    padding: 24px;
    text-align: center;
    overflow: hidden;
    
    /* یک حاشیه نامرئی در حالت عادی برای جلوگیری از پرش در زمان هاور */
    border: 2px solid transparent; 

    /* سایه دو-لایه‌ای: یک سایه نزدیک و تیز، و یک سایه دور و محو */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 5px 15px rgba(0,0,0,0.07);
    
    /* تعریف انیمیشن بسیار روان و حرفه‌ای با cubic-bezier */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- حالت هاور: اوج زیبایی و تعامل --- */
.pro-material-card:hover {
    /* حرکت به بالا، کمی بیشتر برای حس بهتر */
    transform: translateY(-10px);

    /* سایه عمیق‌تر و زنده‌تر برای تاکید بر ارتفاع */
    box-shadow: 0 5px 10px rgba(0,0,0,0.07), 0 15px 30px rgba(0,0,0,0.1);
    
    /* افکت "Glow" یا درخشش حاشیه با رنگ درخواستی شما */
    border-color: #036C5F;
}


/* --- استایل و انیمیشن عناصر داخلی --- */

.pro-material-card .elementor-widget-image img {
    max-width: 80px;
    margin: 0 auto 15px auto;
    /* انیمیشن روان برای آیکون با همان تابع حرفه‌ای */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.pro-material-card .elementor-widget-text-editor p {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin: 0;
    transition: color 0.4s ease; /* تغییر رنگ می‌تواند ساده‌تر باشد */
}

/* --- انیمیشن عناصر داخلی در حالت هاور (ایجاد اثر پارالاکس) --- */

.pro-material-card:hover .elementor-widget-image img {
    /* آیکون کمی بزرگتر شده و مقداری بیشتر به بالا حرکت می‌کند */
    /* این حرکت اضافی نسبت به خود کارت، حس عمق سه‌بعدی ایجاد می‌کند */
    transform: scale(1.1) translateY(-5px);
}

.pro-material-card:hover .elementor-widget-text-editor p {
    /* تغییر رنگ متن به رنگ درخواستی شما */
    color: #036C5F;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a591cb2 *//*
=============================================================
   Advanced & Professional Material Card for Elementor
   Inspired by Material 2.0 & Fluent Design Principles
   Class: .pro-material-card
=============================================================
*/

/* --- حالت پایه و اولیه کارت --- */
.pro-material-card {
    background-color: #ffffff;
    border-radius: 16px; /* گوشه‌های گردتر برای ظاهری مدرن‌تر */
    padding: 24px;
    text-align: center;
    overflow: hidden;
    
    /* یک حاشیه نامرئی در حالت عادی برای جلوگیری از پرش در زمان هاور */
    border: 2px solid transparent; 

    /* سایه دو-لایه‌ای: یک سایه نزدیک و تیز، و یک سایه دور و محو */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 5px 15px rgba(0,0,0,0.07);
    
    /* تعریف انیمیشن بسیار روان و حرفه‌ای با cubic-bezier */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- حالت هاور: اوج زیبایی و تعامل --- */
.pro-material-card:hover {
    /* حرکت به بالا، کمی بیشتر برای حس بهتر */
    transform: translateY(-10px);

    /* سایه عمیق‌تر و زنده‌تر برای تاکید بر ارتفاع */
    box-shadow: 0 5px 10px rgba(0,0,0,0.07), 0 15px 30px rgba(0,0,0,0.1);
    
    /* افکت "Glow" یا درخشش حاشیه با رنگ درخواستی شما */
    border-color: #036C5F;
}


/* --- استایل و انیمیشن عناصر داخلی --- */

.pro-material-card .elementor-widget-image img {
    max-width: 80px;
    margin: 0 auto 15px auto;
    /* انیمیشن روان برای آیکون با همان تابع حرفه‌ای */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.pro-material-card .elementor-widget-text-editor p {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin: 0;
    transition: color 0.4s ease; /* تغییر رنگ می‌تواند ساده‌تر باشد */
}

/* --- انیمیشن عناصر داخلی در حالت هاور (ایجاد اثر پارالاکس) --- */

.pro-material-card:hover .elementor-widget-image img {
    /* آیکون کمی بزرگتر شده و مقداری بیشتر به بالا حرکت می‌کند */
    /* این حرکت اضافی نسبت به خود کارت، حس عمق سه‌بعدی ایجاد می‌کند */
    transform: scale(1.1) translateY(-5px);
}

.pro-material-card:hover .elementor-widget-text-editor p {
    /* تغییر رنگ متن به رنگ درخواستی شما */
    color: #036C5F;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca8614a *//*
=============================================================
   Advanced & Professional Material Card for Elementor
   Inspired by Material 2.0 & Fluent Design Principles
   Class: .pro-material-card
=============================================================
*/

/* --- حالت پایه و اولیه کارت --- */
.pro-material-card {
    background-color: #ffffff;
    border-radius: 16px; /* گوشه‌های گردتر برای ظاهری مدرن‌تر */
    padding: 24px;
    text-align: center;
    overflow: hidden;
    
    /* یک حاشیه نامرئی در حالت عادی برای جلوگیری از پرش در زمان هاور */
    border: 2px solid transparent; 

    /* سایه دو-لایه‌ای: یک سایه نزدیک و تیز، و یک سایه دور و محو */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 5px 15px rgba(0,0,0,0.07);
    
    /* تعریف انیمیشن بسیار روان و حرفه‌ای با cubic-bezier */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- حالت هاور: اوج زیبایی و تعامل --- */
.pro-material-card:hover {
    /* حرکت به بالا، کمی بیشتر برای حس بهتر */
    transform: translateY(-10px);

    /* سایه عمیق‌تر و زنده‌تر برای تاکید بر ارتفاع */
    box-shadow: 0 5px 10px rgba(0,0,0,0.07), 0 15px 30px rgba(0,0,0,0.1);
    
    /* افکت "Glow" یا درخشش حاشیه با رنگ درخواستی شما */
    border-color: #036C5F;
}


/* --- استایل و انیمیشن عناصر داخلی --- */

.pro-material-card .elementor-widget-image img {
    max-width: 80px;
    margin: 0 auto 15px auto;
    /* انیمیشن روان برای آیکون با همان تابع حرفه‌ای */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.pro-material-card .elementor-widget-text-editor p {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin: 0;
    transition: color 0.4s ease; /* تغییر رنگ می‌تواند ساده‌تر باشد */
}

/* --- انیمیشن عناصر داخلی در حالت هاور (ایجاد اثر پارالاکس) --- */

.pro-material-card:hover .elementor-widget-image img {
    /* آیکون کمی بزرگتر شده و مقداری بیشتر به بالا حرکت می‌کند */
    /* این حرکت اضافی نسبت به خود کارت، حس عمق سه‌بعدی ایجاد می‌کند */
    transform: scale(1.1) translateY(-5px);
}

.pro-material-card:hover .elementor-widget-text-editor p {
    /* تغییر رنگ متن به رنگ درخواستی شما */
    color: #036C5F;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc4c2d8 *//*
=============================================================
   Advanced & Professional Material Card for Elementor
   Inspired by Material 2.0 & Fluent Design Principles
   Class: .pro-material-card
=============================================================
*/

/* --- حالت پایه و اولیه کارت --- */
.pro-material-card {
    background-color: #ffffff;
    border-radius: 16px; /* گوشه‌های گردتر برای ظاهری مدرن‌تر */
    padding: 24px;
    text-align: center;
    overflow: hidden;
    
    /* یک حاشیه نامرئی در حالت عادی برای جلوگیری از پرش در زمان هاور */
    border: 2px solid transparent; 

    /* سایه دو-لایه‌ای: یک سایه نزدیک و تیز، و یک سایه دور و محو */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 5px 15px rgba(0,0,0,0.07);
    
    /* تعریف انیمیشن بسیار روان و حرفه‌ای با cubic-bezier */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- حالت هاور: اوج زیبایی و تعامل --- */
.pro-material-card:hover {
    /* حرکت به بالا، کمی بیشتر برای حس بهتر */
    transform: translateY(-10px);

    /* سایه عمیق‌تر و زنده‌تر برای تاکید بر ارتفاع */
    box-shadow: 0 5px 10px rgba(0,0,0,0.07), 0 15px 30px rgba(0,0,0,0.1);
    
    /* افکت "Glow" یا درخشش حاشیه با رنگ درخواستی شما */
    border-color: #036C5F;
}


/* --- استایل و انیمیشن عناصر داخلی --- */

.pro-material-card .elementor-widget-image img {
    max-width: 80px;
    margin: 0 auto 15px auto;
    /* انیمیشن روان برای آیکون با همان تابع حرفه‌ای */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.pro-material-card .elementor-widget-text-editor p {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin: 0;
    transition: color 0.4s ease; /* تغییر رنگ می‌تواند ساده‌تر باشد */
}

/* --- انیمیشن عناصر داخلی در حالت هاور (ایجاد اثر پارالاکس) --- */

.pro-material-card:hover .elementor-widget-image img {
    /* آیکون کمی بزرگتر شده و مقداری بیشتر به بالا حرکت می‌کند */
    /* این حرکت اضافی نسبت به خود کارت، حس عمق سه‌بعدی ایجاد می‌کند */
    transform: scale(1.1) translateY(-5px);
}

.pro-material-card:hover .elementor-widget-text-editor p {
    /* تغییر رنگ متن به رنگ درخواستی شما */
    color: #036C5F;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e0ce228 *//*
=============================================================
   Advanced & Professional Material Card for Elementor
   Inspired by Material 2.0 & Fluent Design Principles
   Class: .pro-material-card
=============================================================
*/

/* --- حالت پایه و اولیه کارت --- */
.pro-material-card {
    background-color: #ffffff;
    border-radius: 16px; /* گوشه‌های گردتر برای ظاهری مدرن‌تر */
    padding: 24px;
    text-align: center;
    overflow: hidden;
    
    /* یک حاشیه نامرئی در حالت عادی برای جلوگیری از پرش در زمان هاور */
    border: 2px solid transparent; 

    /* سایه دو-لایه‌ای: یک سایه نزدیک و تیز، و یک سایه دور و محو */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 5px 15px rgba(0,0,0,0.07);
    
    /* تعریف انیمیشن بسیار روان و حرفه‌ای با cubic-bezier */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
                border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- حالت هاور: اوج زیبایی و تعامل --- */
.pro-material-card:hover {
    /* حرکت به بالا، کمی بیشتر برای حس بهتر */
    transform: translateY(-10px);

    /* سایه عمیق‌تر و زنده‌تر برای تاکید بر ارتفاع */
    box-shadow: 0 5px 10px rgba(0,0,0,0.07), 0 15px 30px rgba(0,0,0,0.1);
    
    /* افکت "Glow" یا درخشش حاشیه با رنگ درخواستی شما */
    border-color: #036C5F;
}


/* --- استایل و انیمیشن عناصر داخلی --- */

.pro-material-card .elementor-widget-image img {
    max-width: 80px;
    margin: 0 auto 15px auto;
    /* انیمیشن روان برای آیکون با همان تابع حرفه‌ای */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.pro-material-card .elementor-widget-text-editor p {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin: 0;
    transition: color 0.4s ease; /* تغییر رنگ می‌تواند ساده‌تر باشد */
}

/* --- انیمیشن عناصر داخلی در حالت هاور (ایجاد اثر پارالاکس) --- */

.pro-material-card:hover .elementor-widget-image img {
    /* آیکون کمی بزرگتر شده و مقداری بیشتر به بالا حرکت می‌کند */
    /* این حرکت اضافی نسبت به خود کارت، حس عمق سه‌بعدی ایجاد می‌کند */
    transform: scale(1.1) translateY(-5px);
}

.pro-material-card:hover .elementor-widget-text-editor p {
    /* تغییر رنگ متن به رنگ درخواستی شما */
    color: #036C5F;
}/* End custom CSS */