@charset 'UTF-8';
@font-face {
  font-family: YekanBakhFaNum;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/YekanBakhFaNum-Regular.woff2') format('woff2');
  font-display: swap;
}


@font-face {
  font-family: YekanBakhFaNum;
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/YekanBakhFaNum-ExtraBold.woff2') format('woff2');
  font-display: swap;
}
.main-content{padding-top:25px}
body {  font-family: 'YekanBakhFaNum', Tahoma, sans-serif;font-weight: normal;}
.justify-content-end {  justify-content: flex-start !important;}
#main-wrapper p {    text-align: justify;    color: #000;}
a{text-decoration: none;}
h1, h2, h3,h4,h5,h6, button { font-size:1rem; font-family: 'YekanBakhFaNum', Tahoma, sans-serif;font-weight: 700;}
h1, h2 { font-size:1.7rem;}
.navbar-brand img{width:40px}
.navbar-custom{right:0;left:0;top:10px;position: absolute;    z-index: 9999;padding:0}
.nav-link--user-login,[class*="nav-link--user-logout"],.nav-link--user {  display: inline-flex; margin:0 5px; align-items: center;  gap: 0.5rem;  padding: 0.4rem 1rem;  background: linear-gradient(135deg, #ECC94B 0%, #D69E2E 100%);  color: #fff;  border-radius: .5rem; font-size: 0.95rem;  transition: all 0.3s ease;  position: relative;}
.nav-link--user-login:hover,[class*="nav-link--user-logout"]:hover,.nav-link--user:hover {  background: #19406b;  color: #fff;  transform: translateY(-2px);}
.nav-link--user-login::before {  content: "\f12a";  font-family: "bootstrap-icons" !important;  font-style: normal;  font-weight: normal;  font-size: 1.1rem;  display: inline-block;  line-height: 1;}
.nav-link--user::before {  content: "\F4D4";  font-family: "bootstrap-icons" !important;  font-style: normal;  font-weight: normal;  font-size: 1.1rem;  display: inline-block;  line-height: 1;}
[class*="nav-link--user-logout"]::before {  content: "\f4ff";  font-family: "bootstrap-icons" !important;  font-style: normal;  font-weight: normal;  font-size: 1.1rem;  display: inline-block;  line-height: 1;}
.logo img { height: 50px;    }
nav ul li a { color: #FFFFFF; font-size: 16px; font-weight: 500;    }
nav ul li a:hover { color: #ECC94B;    }
.block-views-blockcontent-recent-block-1 .views-row{border-bottom:1px solid #fff; padding:10px}
/** front **/
.hee{background:linear-gradient(to bottom right, #04305d, #00796b)}
.hero {min-height: 100vh;position: relative;    overflow: hidden;}
.hero .row{padding:0}
.hero img {width:100%;    height: 100vh;object-fit: cover;}
.feature-boxes-wrapper {  margin-top: -180px;  position: relative;      padding: 20px;      border-radius: 12px;}
.feature-box-inner {background: white;padding: 20px;border-radius: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);      text-align: center;height: 100%;display: flex;flex-direction: column;justify-content: center; border: 1px solid #0eb482;   }
.feature-box-inner img {      max-width: 50%;      margin: 15px auto;      border-radius: 8px;    }
.section-title {margin: 40px 0 20px;font-weight: bold;font-size: 1.5rem;}
.card-img-top {object-fit: cover;height: 200px;}
.profile-img {width: 80px;height: 80px;border-radius: 50%; }
.page-view-frontpage nav .container{background:#19406b;    padding:0 15px;    border-radius: 5px;}
.page-view-frontpage .navbar-brand img {  width:auto;    height: auto;    }
.page-view-frontpage .navbar-nav {      margin: auto;    }
.page-view-frontpage nav .container a{color:#fff !important;}
/** rahbar **/
.step-circle {
  width: 135px;
  height: 135px;
  border-radius: 50%;
  background-color: #00cfcf;
  color: white;
  text-align: center;
  padding: 10px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: .85rem;}
.step-circle i {  font-size: 34px;  margin-bottom: 1px;}
.step-arrow::before {  content: "←";  font-size: 27px;  margin: 0 1px;  color: #00cfcf;  position: relative;  top: 50px;}
.step-container {  display: flex;  justify-content: center;  flex-wrap: wrap;  gap: 0;  direction: rtl;}
.step-circle.alt {  background-color: white;  color: #000;  border: 6px solid #00cfcf;}
.raahbar {max-width:430px;margin-right:auto;margin-left:auto}
    .rahbaran .views-field-field-image {width: 100px;height: 100px;border: 4px solid #00cc99;border-radius: 50%;overflow: hidden;display: inline-block;    }
    .rahbaran img {      width: 92px;      height: 92px;      object-fit: cover;    }
/** news **/
.news{background:#f7fdfb}
.news .row .custom-list  {padding:0}
.news .custom-list {    background-color: #fff;    box-shadow: 4px 2px 8px 2px #ddd;    border-radius: 5px;    flex: 0 0 calc(33.333% - 20px);    margin: 10px;    min-height: 300px;}
.news .views-field-title a {    color: #333;    text-decoration: none;    font-size: 1rem;    display: block;    margin-top: 10px; padding:0 12px}
.news h2,.farakhan h2, .asatid h2{color:#16b984;text-align:center}
.news img{border-radius:3px;width:100%;height:auto}
/** frint **/
.d-flex.overflow-auto {  -webkit-overflow-scrolling: touch;}
.region-nes{font-size:.9rem}
footer { background: #19406b; color: #FFFFFF; padding: 30px 0; text-align: center;    }
footer .social-links a { color: #FFFFFF; margin: 0 15px; text-decoration: none; font-size: 16px;    }
footer .social-links i { font-size: 24px; margin-left: 5px;    }
/** footer **/
.asatid{background:#f7fdfb}
.asatid-item .card{min-height:200px;position: relative;}
.asatid-item img{border-radius:5px}
.asatid-item .rounded-circle {    position: absolute;    bottom: 30px; }
.asatid-item .rounded-circle a{color:#fff}
.node__meta{text-align:left}
.breadcrumb{margin-top:20px}
.custom-design {background-color: #19406b;color: #ffffff;padding: 0;margin: 0;font-size: 16px;}
.custom-design .header {background-color: #10b981;padding: 20px 0 10px 0;text-align: center;}
.custom-design .container {justify-content: center;padding: 20px;}
.custom-design .column {padding: 0 15px;text-align: center;}
.custom-design .left-column {text-align: justify;}
.custom-design .right-column {text-align: center;}
.custom-design .logo {max-width: 200px;margin: 20px auto;display: block;}
.custom-design .nav-list {list-style: none;padding: 0;margin: 20px 0;}
.custom-design .nav-list li {margin: 5px 0;}
.custom-design .nav-list li a {color: #fff;}
.custom-design .nav-list li a:hover {color: #ffffff;}
.custom-design .social-icons {margin: 20px 0;}
.custom-design .social-icons img{border-radius:50%}
.custom-design .social-icons a {color: #19406b;font-size: 23px;margin: 0 5px;}
.custom-design .social-icons a:hover {color: #10b981;}
.custom-design .content {margin: 20px 0;}
.custom-design .contact-info {margin-top: 20px;}
.custom-design .contact-info a {color: #10b981;}
.custom-design .section-title {margin-bottom: 10px;color: #10b981;    font-size: 1.2rem;}
/** node **/
.summary {  background: #f6f6f6;  border-left: 5px solid #b38838;  padding: 24px;  border-radius: 5px;  margin: 10px auto;}
.content img {  margin: 0px auto;max-width:300px;height:auto;display:block;width:100%}
.caption > figcaption { background: #edeeee;  padding: 10px;  border-right: 3px solid #978c72;}
.card-img-icon img {  width: 60px;  height: 60px;  object-fit: cover;  border-radius: 0.5rem;  display: block;}
[dir="rtl"] .node .field--type-image{float:none;margin-bottom:24px;border-radius:5px}
#edit-comment-body-0-format{display:none}
video{width:100%;height:auto;max-height:450px;background: #202039;min-height: 500px;}

/** farakhan **/
.farakhan {    background: #e5ebee;}
.carousel-indicators [data-bs-target]{font-size:0;background-color: #3056a8;}
.farakhan .carousel-indicators { bottom: -45px;}
.farakhan .carousel-control-next-icon,.farakhan  .carousel-control-prev-icon {    background-color: #0d1c2b;    width: 50px;    height: 50px;    border-radius: 50%;}
.farakhan .carousel-inner .carousel-item {  transition: transform 0.6s ease-in-out;}
.farakhan .carousel-item .row {  display: flex;  flex-wrap: nowrap;  margin: 0;}
.farakhan .carousel-item .col-md-3 {  padding: 5px;  flex: 0 0 25%;  max-width: 25%;}
.farakhan .carousel-item img {  width: 100%;  height: auto;  object-fit: cover;  border-radius: 8px;  display: block !important;}
.farakhan .carousel-control-prev,.farakhan .carousel-control-next {  width: 5%;  opacity: 0.8;}

/* taxonomy **/
.page-taxonomy-term-37 .custom-list a{font-size:0}


@media (max-width: 576px) {  .carousel-item .col-md-3 {    flex: 0 0 100%;    max-width: 100%;  }
}
@media (max-width: 767.98px) {
.navbar-custom{position: relative;top:0}
.news .custom-list {flex: auto;        margin: 15px;}
.hero{min-height:auto}
.hero img{height:auto}
.feature-boxes-wrapper {    margin-top: 0;}
.feature-box-inner img {  max-width: 100%; margin: 1px auto;}
.feature-box-inner {    padding: 7px;font-size: .8rem;}
.navbar-brand {  font-size: 1rem;}
.ms-auto {  margin-right: auto !important;}
.counter {  font-size: 1.3rem;}
h2{font-size:1rem}
.d-flex.flex-row.flex-nowrap > div {    width: 100% !important;  }
.asatid-item .rounded-circle {    position: absolute;    bottom: 8px; }
.farakhan .carousel-item .col-md-3 {    flex: 0 0 100%;    max-width: 100%;  }
.farakhan .carousel-control-prev, .farakhan .carousel-control-next {    width: auto;}
 }