.elementor-2290 .elementor-element.elementor-element-d75e9b4{--display:flex;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2290 .elementor-element.elementor-element-4cbeb61 .elementor-heading-title{font-family:"Estedad", Sans-serif;font-size:40px;font-weight:900;}.elementor-2290 .elementor-element.elementor-element-fe94d50{--grid-columns:1;}.elementor-2290 .elementor-element.elementor-element-c8663a5{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;font-family:"Estedad", Sans-serif;}.elementor-2290 .elementor-element.elementor-element-c8663a5 p{margin-block-end:22px;}.elementor-2290 .elementor-element.elementor-element-579a65b{--grid-columns:3;--load-more-message-alignment:center;}@media(max-width:1024px){.elementor-2290 .elementor-element.elementor-element-d75e9b4{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-2290 .elementor-element.elementor-element-fe94d50{--grid-columns:2;}.elementor-2290 .elementor-element.elementor-element-579a65b{--grid-columns:2;}}@media(min-width:768px){.elementor-2290 .elementor-element.elementor-element-d75e9b4{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2290 .elementor-element.elementor-element-d75e9b4{--content-width:768px;}}@media(max-width:767px){.elementor-2290 .elementor-element.elementor-element-d75e9b4{--content-width:767px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:160px;--padding-left:0px;--padding-right:0px;--z-index:50;}.elementor-2290 .elementor-element.elementor-element-4cbeb61{margin:0px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2290 .elementor-element.elementor-element-4cbeb61 .elementor-heading-title{font-size:30px;}.elementor-2290 .elementor-element.elementor-element-fe94d50{--grid-columns:1;}.elementor-2290 .elementor-element.elementor-element-fe94d50 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2290 .elementor-element.elementor-element-513846c{margin:0px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2290 .elementor-element.elementor-element-c8663a5{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2290 .elementor-element.elementor-element-579a65b{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-fe94d50 *//* ۱. تنظیمات تصاویر - ایجاد دایره کامل و حاشیه سفید */
.elementor-2290 .elementor-element.elementor-element-fe94d50 .elementor-loop-container img {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 3px solid #ffffff !important; /* حاشیه سفید برای جدا شدن از آواتار قبلی */
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* ۲. تنظیم کانتینر - چیدمان از راست به چپ */
.elementor-2290 .elementor-element.elementor-element-fe94d50 .elementor-loop-container {
    display: flex !important;
    flex-direction: row !important; 
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 10px !important;
}

/* ۳. ایجاد هم‌پوشانی صحیح (سوار شدن راست روی چپ) */
.elementor-2290 .elementor-element.elementor-element-fe94d50 .elementor-grid-item {
    width: auto !important;
    margin-left: -15px !important; /* کشیدن آواتار بعدی به زیر قبلی */
    padding: 0 !important;
    flex: 0 0 auto !important;
    position: relative !important;
}

/* ۴. مدیریت لایه‌ها - برای اینکه آواتار اول بالاتر از همه باشد */
/* این بخش بسیار مهم است و مشکل عکس شما را حل می‌کند */
.elementor-2290 .elementor-element.elementor-element-fe94d50 .elementor-grid-item:nth-child(1) { z-index: 5 !important; }
.elementor-2290 .elementor-element.elementor-element-fe94d50 .elementor-grid-item:nth-child(2) { z-index: 4 !important; }
.elementor-2290 .elementor-element.elementor-element-fe94d50 .elementor-grid-item:nth-child(3) { z-index: 3 !important; }
.elementor-2290 .elementor-element.elementor-element-fe94d50 .elementor-grid-item:nth-child(4) { z-index: 2 !important; }
.elementor-2290 .elementor-element.elementor-element-fe94d50 .elementor-grid-item:nth-child(5) { z-index: 1 !important; }

/* حذف مارجین منفی برای اولین آیتم تا از کادر خارج نشود */
.elementor-2290 .elementor-element.elementor-element-fe94d50 .elementor-grid-item:first-child {
    margin-left: 0 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c8663a5 *//* تنظیمات کانتینر اصلی متن */
.elementor-2290 .elementor-element.elementor-element-c8663a5 {
    --highlight-color: #d4a373; /* رنگ بژ مدرن - می‌توانید به دلخواه تغییر دهید */
    --line-opacity: 0.35; /* میزان کمرنگی هایلایت */
}

.elementor-2290 .elementor-element.elementor-element-c8663a5 .elementor-text-editor {
    line-height: 2.1;
    color: #333;
    text-align: justify;
    padding-right: 25px;
    /* بازگشت خط عمودی سمت راست */
    border-right: 4px solid #000;
}

/* استایل هایلایت برای متون Bold */
.elementor-2290 .elementor-element.elementor-element-c8663a5 strong {
    font-weight: 700;
    color: #000;
    position: relative;
    display: inline; /* تغییر به این‌لاین برای پوشش دقیق کلمات */
    z-index: 1;
    padding: 0 2px;
}

/* ایجاد خط زیرین که تمام طول متن Bold را می‌گیرد */
.elementor-2290 .elementor-element.elementor-element-c8663a5 strong::after {
    content: '';
    position: absolute;
    bottom: 2px; /* فاصله از کف خط */
    right: 0;
    width: 100%; /* پوشش کامل طول کلمه */
    height: 10px; /* ضخامت هایلایت */
    background-color: var(--highlight-color);
    opacity: var(--line-opacity);
    z-index: -1;
    border-radius: 1px;
    /* حذف افکت‌های تعاملی و کج بودن برای سادگی بیشتر */
}

/* استایل تیتر برای هماهنگی با خط عمودی */
.elementor-2290 .elementor-element.elementor-element-c8663a5 h2 {
    font-weight: 900;
    margin-bottom: 25px;
    color: #000;
    padding-right: 0;
}


.elementor-2290 .elementor-element.elementor-element-c8663a5 {
    /* ایجاد یک گرادینت بسیار ملایم در پس‌زمینه سکشن */
    background: linear-gradient(to left, #f9f9f9, #ffffff);
    border-radius: 0 15px 15px 0;
    padding: 30px;
}

.elementor-2290 .elementor-element.elementor-element-c8663a5 .elementor-text-editor {
    line-height: 2.1;
    border-right: 2px solid #e0e0e0; /* خطی بسیار روشن که فقط بافت ایجاد کند */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://thetehranschool.com/wp-content/uploads/2025/12/Estedad-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://thetehranschool.com/wp-content/uploads/2025/12/Estedad-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://thetehranschool.com/wp-content/uploads/2025/12/Estedad-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */