body {
    background-color: #E5E5E5;
}
.figBody {
    padding: 0;
    background-color: #E5E5E5;
}
.MainPagePic {
    padding: 100px 50px 60px 50px;
    background-position: center center;
}
.MainPagePic h1 {
        color: whitesmoke;
        font-size: 42px;
        font-weight: bolder;
        margin-top: 85px;
}
.MainPagePic h1 span {
          
            padding: 15px;
            border-radius: 45px;
            font-size: 30px;
}
.figContainerImage {
    display: flex;
    justify-content: center; /* وسط‌چین افقی */
    align-items: center;
    gap: 20px; /* فاصله بین تصاویر */
    flex-wrap: wrap; /* اجازه بده در موبایل برن خط بعدی */
    padding: 20px;
}
.figContainerImage img {
        max-width: 20%; /* نذاره از عرض صفحه بزنه بیرون */
        height: auto;
        flex: 1 1 150px; /* هر عکس حداقل 300px باشه و ریسپانسیو تغییر کنه */
}
.figTitle h2 {
    font-size: 36px;
    font-weight: bolder;
    color: #283165;
    margin: 25px auto;
}
.figContainer {
    max-width: 800px; /* محدود کردن عرض متن */
    margin: 25px auto; /* وسط‌چین کردن کل بلوک */
    line-height: 1.8; /* فاصله بین خطوط */
    position: relative;
}
.figContainerTxt {
    text-align: center; /* وسط‌چین کردن متن */
    font-size: 28px; /* اندازه مناسب متن */
    font-weight: bold;
    color: #283165; /* رنگ متن */
    padding-right: 25px; /* جا برای خط */

}
.figContainerTxt p {
        text-align:right;
        font-weight: 700;
        margin-bottom: 10px;
        font-size: 16px; /* اندازه مناسب متن */
        color: #283165; /* رنگ متن */
        line-height: 1.8; /* فاصله بین خطوط */
}
.figContainer h3 {
        text-align:right;
        font-weight: bold;
        margin-bottom: 15px;
        font-size: 28px;
        color: #283165; /* رنگ متن */
}
.figContainer h2 {
    text-align: center;
    font-weight: bold;
    margin: 35px auto;
    font-size: 36px;
    color: #283165; /* رنگ متن */
}
.figContainerTxt::before {
        content: "";
        position: absolute;
        right: 0;
        top: 15px; /* فاصله از بالا */
        bottom: 25px; /* فاصله از پایین */
        width: 4px;
        background-color: #283165; /* رنگ خط */
        border-radius: 5px; /* گوشه‌های نرم‌تر */
}
.figContainerTxt ul {
        columns: 2; /* تعداد ستون‌ها */
        column-gap: 40px; /* فاصله بین ستون‌ها */
        list-style: none; /* حذف پیش‌فرض li */
        padding: 0;
        margin: 0;
}
.figContainerTxt li {
        margin-bottom: 10px;
        direction: rtl; /* چون فارسی هست */
        text-align: right;
        position: relative;font-size:16px;
}
.figLoc {
    background-color: #283165;
    border-radius: 30px;
    color: white;
    padding: 6px;
    display:inline;
}
.figBox{
    margin:auto;
    display:table;
    text-align:center;
    margin-block:30px;
}
.figBox p{
    color:black;
    font-size:18px;
    font-weight:bold;margin-bottom:0 !important;
}
    .figBox img {
        margin: auto;
        display: table;
   }
    .figBox .more{
        font-size:12px;
    }

/*    Responseve Style*/
@media only screen and (max-width: 800px) {
    .MainPagePic h1 {
        font-size: 24px;
    }
.figContainerImage img {
  max-width: 100%;
}
.figTitle h2 {
  font-size: 30px;
}
.figContainer h3 {
font-size: 20px;
}
.figContainerTxt p{
font-size: 14px;
}
.MainPagePic img {
width:25%
}
}