.main-container{
background-color: #fff;
}

.es-required::after {
	left: unset !important;
	right: 5px !important;
}
.header-sec.header-sec__inner {
	position: relative;
	height: 180px;
	background-color: #052049;
}
.header-sec.header-sec__inner .header-sec__menu {
	opacity: 1 !important;
	visibility: visible !important;
}
.quick__access{
  height: 270px;
  }
  .arrow__btn {
    margin-inline-end: 5px;
  }

  .sidebar__cat .child__list {
    display: none;
    padding-top: 11px;
  padding-inline-start: 15px;
  }
  .quick__access .sidebar__cat > nav > ul > li.has__list {
    padding-inline-start: 0px;
    margin-inline-start: 0;
  }
  .sidebar__cat li.has__list::before, .sidebar__cat li.has__list::after {
    display: none;
  }
  .quick__access .sidebar__cat ul li.has__list a {
    color: var(--primary-color);
    font-weight: 500;
  }
  .sidebar__cat li.has__list > .haslist__btn {
    cursor: pointer;
    display: inline-block;
    text-align: start;
  }
  .quick__access .sidebar__cat ul li a {
    font-size: .625rem;
    color: var(--primary-color);
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 500;
    font-size: clamp(.625rem, .575rem + .25vw, .875rem);
  }
  .sidebar__cat li::before {
    content: "";
    width: 13px;
    height: 2px;
    background-color: #c8c8c8;
    position: absolute;
    inset-inline-start: 0;
    top: 10px;
  }
  .sidebar__cat li::after {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #c8c8c8;
    position: absolute;
    inset-inline-start: -3px;
    top: 8px;
    border-radius: 50%;
  }
  .quick__access .sidebar__cat > nav > ul > li {
    margin-inline-start: 3px;
    direction: rtl;
    padding-inline-start: 18px;
    margin-top: 10px;
  }
  .sidebar__cat li {
    padding-bottom: 5px;
    position: relative;
    -webkit-padding-start: 18px;
    padding-inline-start: 18px;
    text-align: start;
  }
  .short-url-area {
    display: none !important;
  }
  .sidebar_links li a {
    display: flex;
    align-items: center;
  }
  .sidebar_links li a i {
    margin-inline-end: 8px;
  }
  .sidebar_links li:hover span{
    color: #112b88 ;
  }
  .sidebar__title .section__header {
    margin-top: 0 !important;
  }
  
  .sidebar__title .section__title::after {
    border: none;
  background-color : #ffbb00;
  }
  
  .sidebar_links li {
    margin-bottom: 20px;
  }
  .sidebar_links {
    height: 270px;
  }
  .sidebar .news-item--horizontal{
  flex-direction: column;
    border-bottom: 1px solid #112b88 ;
    padding-bottom: 10px;
    margin-bottom: 10px;
  
  }
  .sidebar .news-item__content i{
  margin-inline-end:8px;
  }
  .sidebar .news-list{
    height: 270px;
  }
  .news-content .news-img img {
    border: unset !important;
    box-shadow: unset !important;
    margin-inline-start: 0 !important;
    margin-bottom: 0 !important;
  height: 320px;
width: 470px;
  }
  .survey__container{
  border: 1px solid #E1E1E1;
    border-radius: 10px;
    padding: 20px 24px;
    position: relative;
    transition: all 0.2s linear;
  }
  .news-item--horizontal:hover span {
    color: #112b88 ;
  }
 
  
  
  
  .header-sec__logo::before {
      display: none;
  }
  .main-container.inner-page {
    position: relative;
    z-index: 2;
  
  }
  .main-box {
    display: flex;
    justify-content: space-between;
    line-height:normal;
    margin-top: 40px;
  }
  .internal-link::before {
    content: "\e91c";
    font-family: niafam;
    font-size: 10px;
    margin: 0 0 0 10px;
  transform: rotate(180deg);
  }
  .internal-link {
    display: flex;
    align-items: center;
  }
  .sidebar__list li {
    display: flex;
    border-bottom: 1px solid rgba(226, 226, 226, 0.4);
  padding-bottom: 13px;
  }
  .sidebar__list {
    height: 300px;
  padding: 0;
  }
  .sidebar__list li i {
    margin-top: 6px;
  }
  .sidebar__title {
    margin-bottom: 20px;
  }
  .news-info li {
    font-size: 14px;
  }
  .es-post-content {
    margin-top: 25px;
  }
  .section__title{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-inline-start: 70px;
  }
  .section__dot{
    position:  relative;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background-color: #F7941E;
  }
.section__dot::before {
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	width: 71px;
	height: 1px;
	transform: translate(0%, -50%);
	background: linear-gradient(to right, #F7941E, rgba(209, 79, 26, 0));
}
  .news-tools a {
    background: #f5f5f5 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .news-info-wrap .row {
    display: flex;
    align-items: center;
  }
  .news-head h2 {
    margin: 0 0 40px 0;
  }
  .news-content .news-img {
  border-radius: 25px;
    float: left;
    margin: 0 30px 15px 0;
    width: 475px;
    height: 100%;
  }
  .internal-section .container {
    box-shadow: 0 2px 4px 0 #ccd0d9;
    border-radius: 15px;
    padding: 30px;
    min-height: 400px;
    height: auto;
    margin-bottom: 30px;
  }
  .breadcrumb-container {
    height: 50px;
    background: #ececec;
  display: flex;
    align-items: center;
  }
  .internal-section {
    margin-top: 15px;
  }
  
  .inner-box {
    margin-inline-start: 20px;
    box-shadow: 0 5px 30px 0 rgb(12, 59, 125 , 0.10);
    border-radius: 10px;
    padding: 40px 30px;
    min-height: 400px;
    background-color: #fff;
    flex-grow: 1;
  }
  .breadcrumb-area {
    background-color: #4A79BA;
    height: 50px;
    box-shadow: 0px 15px 30px rgb(12, 59, 125 , 0.15);
  }
  .breadcrumb-area span{
    color: #fff;
  }
  .breadcrumb-area .breadcrumb{
    display: flex;
    gap: 5px;
  }
  .breadcrumb-area__links li:hover i {
	color: #f7941e;
}
.section__header{
  margin-bottom: 0px !important;
}
  .breadcrumb-area__links{
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .breadcrumb-area__links li{
    position: relative;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .breadcrumb-area__links li i{
    color: #4A79BA;
    transition: all 0.2s linear;
  }
  .breadcrumb-area__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
  main {
    margin-bottom: 60px;
  }
  .sidebar{
  width: 315px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  }
  .sidebar__box {
    padding: 30px 16px;
    border-radius: 10px;
    height: auto;
    width: 100%;
    background-color: #F0F0F0;
  }
  
 
  .esprit-unlock {
    display: none !important;
  }
  .footer-sec__comment form i::before {
    color: #fff;
  }
  .img-fluid.captcha-image {
    width: 47% !important;
    border-radius: 50px !important;
  }
  .es-btn.es-btn-primary.refreshCaptcha i {
    inset-inline-start: 88px;
    margin-top: 14px;
  z-index: 1;
  }
  #submit-subscribe {
    background: #D6AF2D;
    border-radius: 30px !important;
    border: none;
    font-family: dana !important;
  }
 
  .es-col-md-12.es-mb-2 label {
    color: #D6AF2D !important;
  }
  input[name='email']::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1;
    /* Firefox */
  }
  
  input[name='email']:-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1;
    /* Firefox */
  }
  
  input[name='email']::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #fff !important;
    opacity: 1;
    /* Firefox */
  }
  
  input[name='email']::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1;
    /* Firefox */
  }
  
  input[name='captcha_uniqueid']::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1;
    /* Firefox */
  }
  
  input[name='captcha_uniqueid']:-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1;
    /* Firefox */
  }
  
  input[name='captcha_uniqueid']::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #fff !important;
    opacity: 1;
    /* Firefox */
  }
  
  input[name='captcha_uniqueid']::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1;
    /* Firefox */
  }
  
  
   #es-content-top p{word-wrap: break-word;font-size: 0.9em;line-height: 2;text-align: justify;
}}	
      .responsive-table-wrapper{width:100%;overflow-x:auto;}

  [dir="ltr"] #es-content-top p{
	font-size: 1em  
	 
  } 
  [dir="ltr"] #es-content-top li{
	font-size: 1em  
	 
  }
  [dir="ltr"] .faq-question{
	text-align:left;
	 
  }
  a:hover {
    text-decoration: none;
    color: #112b88 !important;
  }
  
  
      .custom-control{
        display: flex;
        margin-bottom: 10px ;
      }
      .iziModal{
      z-index:99999 !important;  
      }
      .inner__page{
        line-height: normal;
      }
     .inner__page .main-container{
    padding-top:0 !important;
  }
  .inner__top{    position: relative;height:210px;
  overflow: hidden;}
  .inner__page .menu-box {
  opacity: 1;
  visibility: visible;
  }
  .inner__page .header{background-image: url(/uploads/abfankh/assets/images/slider.webp);
  background-size: cover;}
  .inner__page .header__svg {
  
  bottom: -2px;
  opacity: 1;
  }
  .page-location{background:0 0!important}
  ul.breadcrumb li a:hover{color:var(--blue);text-decoration:none!important}
  ul.breadcrumb li a{display:inline-flex}

  .page-location ul.breadcrumb li+li:before{padding:0 5px 0 0;color:#000;content:"\e959";font-family:niafam-icons;font-size:12px;position:relative;top:3px}
  .inner__page1{padding:30px 0}
  .es-posts .es-post-thumb{border-radius:10px;overflow:hidden;width:200px;height:120px;box-shadow:0 4px 4px 0 rgba(0,0,0,.1)}
  .es-posts .es-post-thumb img{position:absolute;top:50%;left:50%;-o-object-fit:cover;object-fit:cover;transform:translate(-50%,-50%);min-width:100%;min-height:100%}
  .review-area{width:100%;max-width:500px;margin:0 auto;border-top:0!important}
  .comment-form-area{width:100%;max-width:500px;margin:0 auto}
  .meta-list{border-color:#ebebeb!important}
  .es-post-summary .es-post-thumb{margin-inline-end:0!important}
  .es-post-summary .es-post-thumb img{box-shadow:none!important;margin-inline-end:0!important}
  .single-post-wrap .es-post-content .es-post-summary{display:inline-flex!important;padding:0!important;margin-top:20px;border-radius:10px;box-shadow:0 5px 5px 0 rgba(0,0,0,.3)}
  p.es-post-summary-text{background:rgba(4,146,194,.2);padding:10px;border-radius:5px;border:1px solid var(--blue);text-align:justify}
  .es-similar-post{border-bottom:0!important}
  .es-posts .es-post-item{border-bottom:1px solid #ebebeb}
  .submit-button{background:var(--blue) none repeat scroll 0 0!important}
  .es-news-box-download .es-news-box-download-title,.es-news-box-similar .es-news-box-similar-title{background:var(--blue)!important}
  .es-posts .es-post-thumb i{font-size:20px;padding:8px;border-radius:0 0 0 15px;z-index:10;}
  .es-post-header h6{font-size:14px;color:var(--blue);margin-bottom:5px}
  .es-post-item .es-post-title a{color:#333f66}
  .es-post-item .es-post-title{margin-bottom:5px;font-size:16px}
  .es-post-item .es-post-meta .es-meta{color:#7e7d85;font-size:14px}
  .es-post-summary p{font-size:15px;line-height:24px;color:#7e7d85;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:5px 0 0 0}
  .es-posts .es-post-item{margin-bottom:10px;border-bottom:none;padding-bottom:10px}
  .es-page-content{margin:20px 0 0 0}
  .news-info-wrap{border-bottom:1px solid #e0e0e0;padding:10px 0;position:relative;margin-bottom:20px}
  .news-info-wrap ul{margin:0;display:flex}
  .news-info-wrap ul li{margin-inline-end:15px;display:flex;align-items:center}
  .news-info-wrap ul li i{color:#162559;font-size:1.2em;margin-inline-end:5px}
  .news-info-wrap ul.left-print li{margin:0}
  .news-info-wrap .news-info{line-height:1;height:100%;display:flex;align-items:center}
  .news-info-wrap .news-tools li a{display:flex}
  .news-tools{height:100%;display:flex;flex-direction:row-reverse;align-items:center}
  .news-info-wrap::after{content:"";position:absolute;top:calc(100% - 1px);right:15px;width:0;height:0;border-style:solid;border-width:12px 12px 0 12px;border-color:#fdfbf7 transparent transparent transparent}
  .news-info-wrap::before{content:"";position:absolute;top:99%;right:15px;width:0;height:0;border-style:solid;border-width:17px 12px 0 12px;border-color:#d3d3d3 transparent transparent transparent}
  .news-head h6{font-weight:600;font-size:1em;color:var(--blue);margin-bottom:0;line-height:28px;margin-bottom:10px}
  .news-head h2{font-weight:900;font-size:1.4em;color:#000;line-height:32px;margin-bottom:10px}
  .news-lead p{background:#eff3f6;border-radius:5px;margin-bottom:15px;padding:10px 15px;text-align:justify;font-weight:400;font-size:16px;line-height:26px;color:#000}
  .news-content .news-img{float:left;margin:0 15px 15px 0;display:flex;border-radius:5px}
  .news-content .news-img img{border-radius:5px}
  .extra-meta ul li i,.extra-meta ul li span{color:#000;font-weight:800}
  .es-post-content{line-height:30px}
  .short-url-area{display:flex;flex-direction:row-reverse;width:300px;margin-bottom:30px}
  .short-url-area #shorturl{text-align:left;border-radius:0!important}
  .mag-article-shorturl #copybtn{font-weight:400!important;font-size:14px!important;border-radius:5px!important;border:1px solid var(--blue);margin:0!important;letter-spacing:0!important;background:var(--blue)!important;color:#fff!important;padding:6px 10px!important}
  .mag-article-shorturl #copytext{border-radius:5px}
  .es-archive-list a{background:var(--blue);padding:15px;border-radius:5px;font-size:15px;color:#fff}
  .post-title h2{font-size:14px;margin:20px 0}
  .product-reviews{max-width:600px;margin:0 auto}
  .submit-button{background:var(--blue);border-radius:5px;color:#000;font-size:16px;color:#fff}
  .es-form-simple .es-has-icon-right>input[type]{font-size:16px;border-radius:5px}
  .es-position-relative .es-form-control{font-size:16px;padding-inline-start:20px;border-radius:5px}
  .meta-list{border-top:1px solid #efefef;border-bottom:1px solid #efefef;margin-top:20px}
  .administrator-info{border-bottom:1px solid #efefef}
  .product-reviews .inner{font-size:20px;font-weight:700}
  .review-area{margin-top:20px;border-top:1px solid #efefef}
  .justified-gallery{background:#f3f3f3;border-radius:5px;margin:15px 0 0 0}
  .inner-post-gallery img{border-radius:5px}
  .lg-backdrop{z-index:99999}
  .lg-outer{z-index:99999}
  .es-post-video{margin:20px 0}
  .es-news-box-download .es-news-box-download-title,.es-news-box-similar .es-news-box-similar-title{background:var(--blue)}
  .es-archive-list a{background: #f0f0f0 !important; border: 1px solid #b4b7b4 !important; color: #f7941c !important;}
  
  .news-content .news-img{border-bottom:none;}
    .related-pages{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  .related-pages li span{
    transition: all 0.2s linear;
  }
  .visited-pages li span{
    transition: all 0.2s linear;
  }
   .related-pages li{
    position: relative;
    display: flex;
  align-items: center;
  gap: 5px;
   }
    .visited-pages{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
   .visited-pages li{
    position: relative;
    display: flex;
  align-items: center;
  gap: 5px;
   }
   .item-dot{
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background-color: #9FA2B9;
    margin-top: -5px;
    transition: all 0.2s linear;
   }

  .tree-list .item-dot{
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background-color: #9FA2B9;
    margin-top: -5px;
    transition: all 0.2s linear;
	top:20px;
   }
   .related-pages li:hover span {
    color: #f7941e;
  }
.related-pages li:hover .item-dot{
  background-color: #f7941e;
}

   .visited-pages li:hover span {
    color: #f7941e;
  }
.visited-pages li:hover .item-dot{
  background-color: #f7941e;
}
  
  @media (max-width: 991.98px) {
  .main-box {
    flex-direction: column;
  }
  .inner-box.inner-box__simple {
    order: -1;
    margin-bottom: 40px;
    margin-inline-start: 0px;
  }
  .sidebar {
    width: 100%;
  }
  
  }
  @media (max-width: 767.98px) {
  
  .administrator-info.ml-5 {
    flex-direction: column !important;
  }
  }
  
  @media (max-width: 575.98px) {
  ul.breadcrumb {
    flex-wrap: wrap !important;
	gap: 1px;
  }
  ul.breadcrumb li{
	  font-size:0.7em;
  }
   ul.breadcrumb li a{
	  font-size:1em;
  }
  .news-tools ul {
    flex-wrap: wrap;
    gap: 10px;
  }
  .news-tools ul li{
    margin: 0 !important;
  }
  .news-info ul {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }

  }
  
  /* ========== استایل‌های مشترک برای هر دو جهت ========== */
.tree-list ul {
    display: none;
    transition: all 0.2s linear;
    width: max-content;
    min-width: 220px;
    max-width: 350px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px !important;
    position: absolute !important;
    z-index: 100;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ========== موقعیت برای سایت فارسی (RTL) ========== */
[dir="rtl"] .tree-list ul {
    right: 100%; /* سمت چپ آیتم */
    left: auto;
    margin-right: 0px;
    top: 0;
}

/* زیرمنوهای سطح اول در RTL */
[dir="rtl"] .tree-list > ul {
    top: 100%;
    right: 0;
    left: auto;
    margin-right: 0;
    margin-top: 5px;
}



/* زیرمنوهای سطح دوم در RTL */
[dir="rtl"] .tree-list ul ul {
    top: -12px;
    right: 100%;
    left: auto;
    margin-right: 10px;
}

/* ========== موقعیت برای سایت انگلیسی (LTR) ========== */
[dir="ltr"] .tree-list ul {
    left: 100%; /* سمت راست آیتم */
    right: auto;
    margin-left: 10px;
    top: 0;
}

/* زیرمنوهای سطح اول در LTR */
[dir="ltr"] .tree-list > ul {
    top: 100%;
    left: 0;
    right: auto;
    margin-left: 0;
    margin-top: 5px;
}

/* زیرمنوهای سطح دوم در LTR */
[dir="ltr"] .tree-list ul ul {
    top: -12px;
    left: 100%;
    right: auto;
    margin-left: 10px;
}

/* ========== استایل آیتمها - مشترک ========== */
.tree-list li {
    position: relative;
    width: 100%;
}

.tree-list li a {
    display: flex !important;
    align-items: flex-start !important;
    padding: 4px 15px;
    border-radius: 4px;
   
    width: 100%;
    white-space: normal;
    word-break: break-word;
    line-height: 1.5;
    text-align: start; /* جهت متن */
}

.tree-list li a:hover {
    background-color: rgba(255, 163, 48, 0.1);
    color: #FFA330 !important;
}

/* ========== آیکن فلش برای RTL ========== */
[dir="rtl"] .tree-list li:has(> ul) > a::after {
    content: "\e90d";
    font-family: niafam;
    font-size: 10px;
    color: #003366;
    margin-left: 5px; /* در RTL: margin-left */
    margin-right: auto;
    transition: transform 0.2s ease-in-out;
}

[dir="rtl"] .tree-list li:has(> ul):hover > a::after {
    transform: rotate(90deg);
}

/* ========== آیکن فلش برای LTR ========== */
[dir="ltr"] .tree-list li:has(> ul) > a::after {
    content: "\e90d";
    font-family: niafam;
    font-size: 10px;
    color: #003366;
    margin-right: 5px; /* در LTR: margin-right */
    margin-left: auto;
    transition: transform 0.2s ease-in-out;
    transform: rotate(180deg); /* چرخش برای LTR */
}

[dir="ltr"] .tree-list li:has(> ul):hover > a::after {
    transform: rotate(270deg);
}

/* ========== نمایش زیرمنوها ========== */
.tree-list li:has(> ul):hover > ul {
    display: block !important;
}

/* ========== استایل‌های اصلی UI Tree ========== */
.ui-tree a {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-weight: 500;
    color: #000;
    padding: 8px 0;
    width: 100%;
    text-align: start;
}

.ui-tree a:hover {
    color: #FFA330 !important;
}

/* فلش برای RTL */
[dir="rtl"] .ui-tree > li > a::before {
    content: "\e91e";
    font-family: niafam;
    font-size: 10px;
    margin: 0 0 0 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -15px; /* برای RTL */
    left: auto;
}

/* فلش برای LTR */
[dir="ltr"] .ui-tree > li > a::before {
    content: "\e92d";
    font-family: niafam;
    font-size: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -15px; /* برای LTR */
    right: auto;
}