/* ================================
   متغیرها و استایل‌های پایه مشترک
   ================================ */

:root {
  /* رنگ‌های اصلی */
  --primary: #008080;
  --primary-dark: #006666;
  --primary-light: rgba(0, 128, 128, 0.1);
  --primary-border: rgba(0, 128, 128, 0.18);
  --primary-shadow: rgba(0, 128, 128, 0.1);
  --primary-shadow-heavy: rgba(0, 128, 128, 0.2);
  --primary-light-background: #e6f3f3;
  
  --secondary: #feb417;
  --secondary-dark: #d4940c;
  --secondary-light: rgba(254, 180, 23, 0.1);
  --secondary-border: rgba(254, 180, 23, 0.18);
  --secondary-shadow: rgba(254, 180, 23, 0.1);
  --secondary-shadow-heavy: rgba(254, 180, 23, 0.2);
  --secondary-light-background: #fef4e0;
    
  --third: #ef6864;
  --third-dark: #d15450;
  --third-light: rgba(239, 104, 100, 0.1);
  --third-border: rgba(239, 104, 100, 0.18);
  --third-shadow: rgba(239, 104, 100, 0.1);
  --third-shadow-heavy: rgba(239, 104, 100, 0.2);
  --third-light-background: #fef0ef;
 
  /* رنگ‌های عمومی */
  --white: #fff;
  --black-light: #333;
  --gray: #64748b;
  --gray-light: #777;
  --gray-bg: #f1f1f1;
  --gray-bg-light: #f7f7f7;
  --border-light: #eee;
  --border-dark: #ddd;
  --error: #ec1b30;
  --warning: #ffb518;

  /* حاشیه‌ها */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 8px;

  /* سایه‌ها */
  --shadow-sm: 0 0px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.08);
}
/* ========== استایل‌های مشترک صفحات ========== */
/*.page-content {*/
/*  padding-top: 50px;*/
/*  padding-bottom: 50px;*/
/*}*/
a {
  color: var(--primary);
}
a:hover {
  color: var(--primary-dark);
}
figure.parent-image {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
}
.page-home .carousel-control-next,
.page-home .carousel-control-prev {
  background-color: transparent;
}
.page-home .carousel-control-next:hover,
.page-home .carousel-control-prev:hover {
   background-color: transparent;
}
.card-meta {
    background:  var(--third);
    color: #fff;
    padding: 5px 6px 2px !important;
    border-radius: 4px;
    text-align: center;
    line-height: 1.4 !important;
    box-shadow: var(--shadow-md);
}
/* ========== استایل‌های بردکرامپ ========== */
.header-breadcrumb {
  padding: 2px 0;
  background: #f4f4f4;
  box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.02);
}
.breadcrumb .breadcrumb-cats li.breadcrumb-cats-item::before {
  content: "\f053";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: relative;
  color: rgb(0 128 128 / 24%);
  top: 1px;
  font-size: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: 600;
}
.header-breadcrumb .breadcrumb-cats li.breadcrumb-cats-item a {
  color: #666;
}
.header-breadcrumb .breadcrumb-cats li.breadcrumb-cats-item a:hover {
  font-weight: 400;
}
.breadcrumb .breadcrumb-cats li.breadcrumb-cats-item {
  font-size: 13px;
}
.page-head-bg .img-cover {
  opacity: 0;
}
.page-head-bg {
  height: 320px;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  background-image: linear-gradient(
    to left bottom,
    #00a2a2,
    var(--primary),
    var(--primary-dark)
  );
  background-repeat: no-repeat;
  background-size: 100%;
}
.page-head-bg .head-bg-figure {
  background-image: url("https://www.sksco.ir/themes/frontend/sksco/files/images/banner/bg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
  opacity: 0.05;
}
@media (max-width: 820px) {
  .page-head-bg .head-bg-figure {
    background-size: cover;
  }
}
.page-head-bg .head-title {
    font-weight: 700;
    box-shadow: none !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 0;
    top: 167px;
    line-height: 1.8;
}

@media (min-width: 767px) {
  .page-head-bg .head-title {
    font-size: 38px;
  }
}

@media (max-width: 767.98px) {
  .page-head-bg .head-title {
    font-size: 24px;
  }
}
/* ========== استایل‌های مشترک صفحه‌بندی ========== */
.pagination {
  display: flex;
  flex-wrap: wrap;
}
.pagination li,
.pagination li {
  border-radius: 4px;
}
.pagination li a,
.pagination li span {
  background-color: var(--gray-bg-light);
  border: 1px solid var(--border-light) !important;
  margin: 2px;
  border-radius: 4px !important;
  padding: 8px 12px 6px !important;
  display: inline-block;
}
.pagination li a:hover,
.pagination li span:hover {
  background-color: var(--primary);
  border: 1px solid var(--primary) !important;
  color: #fff;
}
.pagination li.active span,
.pagination li.active a {
  border: 1px solid var(--primary) !important;
}
/* ========== استایل‌های مشترک کروسل ========== */
.carousel-control-next,
.carousel-control-prev {
  color: var(--white);
  background-color: var(--primary);
}
/*.carousel-control-next:hover,*/
/*.carousel-control-prev:hover {*/
/*  background-color: var(--primary-dark);*/
/*}*/
/*a.carousel-control-prev:hover .carousel-control-prev-icon:before {*/
/*    color: var(--primary);*/
/*}*/
/*a.carousel-control-next:hover .carousel-control-next-icon:before {*/
/*    color: var(--primary);*/
/*}*/
.flickity-button {
  color: var(--primary);
  background-color: rgba(0, 128, 128, 0.16);
  box-shadow: var(--shadow-md);
}
.flickity-prev-next-button.next {
  right: 0;
}
.flickity-prev-next-button.previous {
  left: 0;
}
.flickity-button:hover {
  color: var(--white);
  background-color: var(--primary);
}
.flickity-prev-next-button .flickity-button-icon {
  width: 12px;
  height: 12px;
  left: 9px;
  top: 9px;
}
/* ========== استایل‌های مشترک کارت ========== */
.card-common,
.page-contact .info-card,
.page-contact .contact-form,
.page-content-tab .nav-tabs-pages,
.table-responsive.no-shadow,
.page-form .form-group-content,
.page-gallery .card-gallery,
.page-gallery .section-media-group a.card.card-img-top,
.page-gallery .carousel a.card.card-img-top.overlay.overlay-big,
.page-gallery .carousel .carousel-cell a .img-w-text-overlay .img-cover,
.page-gallery .content-media-image .card,
.page-show-gallery .card.card.card-img-top,
.carousel.carousel-blog .carousel-item .card,
.section-blog-content a.card.card-img-top,
.page-branch-blog .cards-blog a.card.card-img-right,
.page-single-blog .blog-item .blog-thumb,
.page-single-blog .carousel a,
.page-videos .aside-content .card,
.page-videos .top-media .card-img-right.card-big,
.page-videos .post-single a.card-video,
.page-about-us-modern .about-card,
.page-policy .policy-card,
.page-ethics .value-card,
.auth-form-wrapper .panel-default,
.profile-navbar.bootstrap.custom-container div#navbarsExampleDefault,
.panel .panel-body.tile-blocks .tile-block,
.profile-content .tabpanel .tab-content,
.page-billing .container-invoice,
.pages .list-group-section,
.page-media .wrraper-video .video-company,
.pages.page-blog.page-branch-blog article.post-single.top .card.card-img-top,
.pages.page-blog.page-branch-blog .col-sm-6 .card.card-img-top,
.card.card-img-top.card-no-text.card-catalog,
.page-development-plans .dev-card,
html[data-page="fa/page/rules"] ol.list-group.list-number.rules,
.pages .section-box,
html[data-page="fa/book"] .row.card.card-shadow.mb-3.no-border.pt-3,
html[data-page="fa/book"] .row.card.card-shadow.mb-3.no-border.pt-3 .card.card-book {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
}
.page-content-tab .tab-content:not(:has(.page-phonbook)) {
    background: var(--white) !important;
    border: 1px solid var(--border-light) !important;
    box-shadow: var(--shadow-md) !important;
    border-radius: var(--radius-md) !important;
    transition: all 0.3s ease;
}
/* حالت hover کارت */
.card-common:hover,
.page-contact .info-card:hover,
.page-gallery .card-gallery:hover,
.page-about-us-modern .about-card:hover,
.page-ethics .value-card:hover,
.panel .panel-body.tile-blocks .tile-block:hover,
.page-development-plans .dev-card:hover,
html[data-page="fa/book"] .row.card.card-shadow.mb-3.no-border.pt-3 .card.card-book:hover {
  box-shadow: var(--shadow-md) !important;
  border-color: var(--primary-border) !important;
}
.card.card-img-top.card-no-text.card-catalog .btn-dn {
  border-radius: var(--radius-sm);
  font-size: 12px;
  padding: 5px 10px;
  border: 1px solid var(--primary);
  color: var(--primary);
  background-color: transparent;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.card.card-img-top.card-no-text.card-catalog .btn-dn:hover {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: var(--shadow-md);
}
.card.card-img-top.card-no-text.card-catalog:hover .card-title {
  color: var(--primary);
}
/* ========== استایل‌های مشترک فرم ========== */
input.form-control,
textarea.form-control,
select.form-control,
.custom-file .custom-file-label {
  border-radius: var(--radius-lg) !important;
  padding: 8px !important;
  background-color: var(--gray-bg-light) !important;
  border: 1px solid var(--border-light) !important;
}
input.form-control,
select.form-control {
  height: 42px !important;
}
textarea.form-control {
  height: auto;
}
input[type="checkbox"] {
  position: relative;
  top: 3px;
  margin-left: 4px;
}
.form-control:focus {
  border-color: var(--primary-border) !important;
  box-shadow: var(--shadow-md) !important;
}
label,
.form-group label,
.custom-form-label label {
  font-size: 14px;
  font-weight: 500;
  color: var(--black-light);
  margin-bottom: 8px;
  display: inline-block;
}
.form-form input,
.form-form select,
.form-form textarea {
  box-shadow: none;
}
.required-input {
  font-size: 11px;
  color: var(--third);
  margin-right: 4px;
}
form label .form-star.fa.fa-asterisk {
  font-size: 0;
}
form label .form-star.fa.fa-asterisk:before {
  content: "(اجباری)";
  font-size: 11px;
  color: var(--third);
  font-family: "danaNum", tahoma;
  font-weight: 400;
  margin-right: 4px;
}
.custom-form  label.custom-form-label .star {
  font-size: 0;
  top: 0;
}
.custom-form  label.custom-form-label .star:before {
  content: "(اجباری)";
  font-size: 11px;
  color: var(--third);
  font-family: "danaNum", tahoma;
  font-weight: 400;
  margin-right: 4px;
}
input[type="file"] {
  border-radius: var(--radius-lg) !important;
  padding: 8px !important;
  background-color: var(--gray-bg-light) !important;
  border: 1px solid var(--border-light) !important;
}
/* ========== دکمه مشترک ========== */
.btn-primary,
.page-contact .btn-primary,
.page-show-gallery .card-btn-download .btn,
.page-single-blog .blog-download a,
.page-videos .archive-btn a,
.page-show-video .btn-dn,
.auth-form-wrapper .panel-default .btn-primary,
.profile-content .btn-primary,
.page-billing .container-invoice button.btn {
  color: #fff;
  background: var(--primary);
  border-color: var(--primary);
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-md);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-primary:hover,
.page-contact .btn-primary:hover,
.page-show-gallery .card-btn-download .btn:hover,
.page-single-blog .blog-download a:hover,
.page-videos .archive-btn a:hover,
.page-show-video .btn-dn:hover,
.auth-form-wrapper .panel-default .btn-primary:hover,
.profile-content .btn-primary:hover,
.page-billing .container-invoice button.btn:hover {
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  color: #fff;
}
.btn-primary:focus,
.page-contact .btn-primary:focus,
.page-show-gallery .card-btn-download .btn:focus,
.page-single-blog .blog-download a:focus,
.page-videos .archive-btn a:focus,
.page-show-video .btn-dn:focus,
.auth-form-wrapper .panel-default .btn-primary:focus,
.profile-content .btn-primary:focus,
.page-billing .container-invoice button.btn:focus {
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  color: #fff !important;
}
/* دکمه با حاشیه (outline) */
.btn-outline-primary,
.header .header-left-login a.btn,
.profile-content .tabpanel .tab-content .tab-pane a.btn,
.auth-form-wrapper .panel-default .btn-default {
  border-radius: var(--radius-sm);
  font-size: 12px;
  padding: 5px 10px;
  border: 1px solid var(--primary);
  color: var(--primary);
  background-color: transparent;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-outline-primary:hover,
.header .header-left-login a.btn:hover,
.profile-content .tabpanel .tab-content .tab-pane a.btn:hover,
.auth-form-wrapper .panel-default .btn-default:hover {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: var(--shadow-md);
}
/* ========== عنوان بخش‌ها ========== */
.nav-tabs-title,
.page-content-tab .tab-content .tab-pane .title,
.pages .nav-link-title,
.pages .list-group-title,
.panel .panel-heading,
.form-horizontal .form-headline,
.profile-content .profile-card h4.card-header.border-0.form-headline,
.page-certificate .company-certificate-box .box-head .title,
.page-show-video .aside-content h4.title,
.aside-title {
  background: var(--gray-bg) !important;
  text-align: right !important;
  border-right: 3px solid var(--primary) !important;
  border-bottom: 0 !important;
  padding: 12px 12px !important;
  font-size: 14px !important;
  color: var(--black-light) !important;
  margin-bottom: 18px !important;
  border-radius: 4px;
  line-height: 1.6;
}
.rules-title {
    background: var(--gray-bg) !important;
    text-align: right !important;
    border-right: 3px solid var(--third) !important;
    border-bottom: 0 !important;
    padding: 12px 12px !important;
    font-size: 14px !important;
    color: var(--black-light) !important;
    margin-bottom: 18px !important;
    border-radius: 4px;
    line-height: 1.6;
}
.aside-title::before {
  border: 0 !important;
  display: none !important;
}
.aside-title span {
  background: transparent !important;
  font-size: 14px;
}
.media-light .aside-title span a {
  font-size: 14px;
}
.aside-title.center {
  text-align: right !important;
}
.aside-title.center span {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
/* ========== جدول مشترک ========== */
.table thead tr th,
.container-invoice .table thead th,
.profile-content .table th {
  background: var(--gray-bg) !important;
  color: var(--black-light) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 12px !important;
  text-align: right;
  white-space: nowrap;
}
.table td {
  padding: 10px 12px;
  color: #6a6a6a;
  border-bottom: 1px solid var(--border-light);
}
.profile-content .table td,
.container-invoice .table td {
  padding: 10px 12px;
  color: #6a6a6a;
  border-bottom: 1px solid var(--border-light) !important;
  white-space: nowrap;
  font-size: 14px;
}
.table tr:last-child td {
  border-bottom: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--gray-bg-light);
}
/* ========== آیکون پس‌زمینه ========== */
.bg-icon-common {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 100px;
  color: var(--primary);
  opacity: 0.06;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.hover-bg-icon:hover .bg-icon-common {
  opacity: 0.15;
}
/* ========== کپچا ========== */
.captcha-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
}
.captcha-image {
  background: var(--white);
  border-radius: var(--radius-sm);
  cursor: pointer;
}
.captcha-image img {
  height: 42px;
  border-radius: var(--radius-sm);
  display: block;
}
.captcha-box .form-control {
  flex: 1;
}
/* ========== پیام‌های خطا و موفقیت ========== */
.alert-danger,
.container-invoice .alert-danger {
  color: var(--third) !important;
  border-right: 3px solid var(--third);
  background-color:  var(--third-light);
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: var(--radius-sm);
  font-size: 14px;
  line-height: 1.8;
}
.alert-success,
.container-invoice .alert-success {
  border-right: 3px solid var(--primary);
  color: var(--primary);
  background-color: var(--primary-light);
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: var(--radius-sm);
  font-size: 14px;
  line-height: 1.8;
}
/* ========== شریک اجتماعی (social share) ========== */
.social-share.color-icon a.icon,
.social-share.color-icon span.icon,
.mini-footer .social-share.color-icon a.icon,
.mini-footer .social-share.color-icon span.icon,
.social-share a.icon,
.social-share span.icon {
    background: var(--border-light) !important;
    box-shadow: var(--shadow-md) !important;
    border-radius: 100% !important;
    color: var(--gray);
    border: 1px solid var(--border-dark);
}
.social-share.color-icon a.icon:hover,
.social-share.color-icon span.icon:hover,
.social-share a.icon:hover,
.social-share span.icon:hover {
  color: var(--primary);
}
.social-share.color-icon a.icon, .social-share.color-icon span.icon {
  width: 28px;
  height: 28px;
}
.footer-middle .social-share.color-icon a.icon {
  background: var(--primary) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: 100% !important;
  color: var(--white);
  width: 28px;
  height: 28px;
}
.footer-middle .social-share.color-icon a.icon {
    
}
.footer-middle .social-share.color-icon a.icon:hover {
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}
 
@media (max-width: 576px) {
    .page-single-blog.page-tender-show .post-attachement-title .social-share  .icon {
    width: 30px !important;
    height: 30px !important;
}
.page-single-blog.page-tender-show .post-attachement-title .social-share .icon i {
    top: 7px !important;
}
    .page-single-blog.page-tender-show .post-attachement-title .social-share  {
    top: 0px;
}
}
/* ================================
  استایل‌های هدر (بدون تغییر کارایی)
  ================================ */

/* دکمه لاگین */
.header .header-left-login a.btn {
  border-color: rgba(255, 255, 255, 0.5);
  color: var(--white);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
@media (min-width: 576px) {
  .header .header-left-login a.btn {
    top: 20px;
  }
  .header .header-left-content .languages-block ul li.nav-item.dropdown a {
    position: relative;
    top: 2px;
  }
}
.header .header-left-login a.btn:hover,
.header .header-left-login a.btn:focus {
  outline: none;
  box-shadow: var(--shadow-md);
}
.header .header-left-login a.btn:active {
  box-shadow: 0 1px 4px var(--primary-shadow);
}
/* هدر روشن */
.header.header-bg-light .header-left-login a.btn {
  border-color: var(--primary);
  color: var(--primary);
}
.header.header-bg-light .header-left-login a.btn:hover,
.header.header-bg-light .header-left-login a.btn:focus {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}
header.header .header-left-login a.btn:hover,
header.header .header-left-login a.btn:focus {
  color: var(--primary);
  background-color: var(--white);
  border-color: var(--white);
}
/* دکمه زبان */
.header-left-icon .dropdown-menu.show {
  border: 1px solid var(--secondary-border);
  border-radius: var(--radius-sm);
  padding: 5px;
  min-width: 100px;
  top: 5px !important;
  box-shadow: var(--shadow-lg);
}
.header-left-icon .dropdown-menu.show::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 14px;
  width: 8px;
  height: 8px;
  background: var(--white);
  border-top: 1px solid var(--secondary-border);
  border-right: 1px solid var(--secondary-border);
  transform: rotate(-45deg);
  z-index: -1;
}
.header-left-icon .dropdown-menu.show li a {
  border-radius: var(--radius-sm) !important;
  font-size: 11px;
  padding: 5px 8px !important;
  color: var(--black-light);
  transition: all 0.2s ease;
}
.header-left-icon .dropdown-menu.show li a:hover,
.header-left-icon .dropdown-menu.show li a:focus {
  color: var(--secondary) !important;
}
.header.header-bg-light .header-box .languages-block ul li a:hover {
  color: var(--secondary) !important;
}
/* مگا منو */
@media (min-width: 991px) {
  header.header .dropdown-menu-hover {
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    background-color: var(--white);
    opacity: 0.9 !important;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
  }
  header.header.header-transparent.header-bg-light .dropdown-menu-hover {
    background-color: rgba(247, 247, 247, 0.98) !important;
    opacity: 1 !important;
  }
}
header.header.header-wide .dropdown-menu-hover {
  border-radius: 0;
}
span.dropdown-item-header {
  color: var(--black-light) !important;
  background-color: #eee;
  border-radius: var(--radius-sm);
  padding: 7px 10px 6px;
  margin-bottom: 8px;
  border-bottom: 0 !important;
  border-color: var(--border-dark) !important;
}
.dropdown-menu-hover .dropdown-item {
  color: #949494 !important;
  padding: 6px 0;
  transition: all 0.2s ease;
}
.dropdown-menu-hover .dropdown-item:hover {
  background-color: transparent !important;
  border-radius: var(--radius-sm);
  color: var(--primary) !important;
}
.dropdown-menu-hover a.dropdown-item:before,
.dropdown-menu-hover .dropdown-item:hover:before,
.header.header-bg-light
  .header-box
  .nav-menu
  .nav-item
  .dropdown-menu-hover
  .dropdown-col
  .dropdown-item:hover:before {
  color: var(--primary) !important;
}
/* منوی اصلی */
.header .header-navbar .nav-menu .nav-item:after {
  border-radius: var(--radius-sm);
  background: var(--border-dark);
}
.header.header-bg-light .header-box .nav-menu .nav-item .nav-link:hover {
  color: var(--primary);
}
.header.header-bg-light .header-box .nav-menu .nav-item:after {
  background: var(--primary);
}
.header .header-navbar .navbar-toggler,
.header.header-bg-light .header-navbar .navbar-toggler {
  border-radius: var(--radius-sm);
}
.header .header-navbar .navbar-toggler .toggle-bar:before {
  border-radius: var(--radius-sm) !important;
  background: #909090;
}
/* ریسپانسیو موبایل (بدون تغییر) */
@media (max-width: 991px) {
  .header .header-navbar .navbar-toggler .toggle-bar:before {
    border-radius: var(--radius-sm) !important;
    background: var(--white);
  }
  .header
    .header-box
    .header-navbar
    .nav-menu.navbar-collapse
    .dropdown-menu-hover,
  .header .header-box .header-navbar .nav-menu.navbar-collapse {
    background-color: var(--white);
    opacity: 0.9 !important;
    padding: 8px 0;
  }
  header.header-transparent
    .header-box
    .header-navbar
    .nav-menu.navbar-collapse {
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
  }
  header.header.header-transparent.header-bg-light
    .header-box
    .header-navbar
    .nav-menu.navbar-collapse {
    border-radius: 0;
    box-shadow: none;
  }
  .header
    .header-box
    .header-navbar
    .nav-menu.navbar-collapse
    .dropdown-item-header {
    border-bottom: 0 !important;
  }
  .header .header-box .header-navbar nav.navbar .nav-menu .nav-item .nav-link {
    color: var(--black-light);
  }
  .header .header-box .header-navbar .dropdown-hover.show:after {
    background: var(--primary);
  }
  .header
    .header-box
    .header-navbar
    .nav-menu.navbar-collapse
    .dropdown-menu-hover
    .dropdown-item {
    border: 0;
    padding: 6px 0;
  }
  .dropdown-menu-hover .dropdown-col {
    margin-bottom: 8px;
  }
  .header
    .header-box
    .header-navbar
    nav.navbar
    .nav-menu
    .nav-item.dropdown
    .nav-link,
  .header .header-box .header-navbar nav.navbar .nav-menu .nav-item .nav-link {
    padding: 10px 15px;
  }
  .header
    .header-box
    .header-navbar
    nav.navbar
    .nav-menu
    .nav-item:not(:last-child)
    .nav-link {
    border-bottom: 1px solid var(--gray-bg-light);
  }
  .header
    .header-box
    .header-navbar
    li.nav-item.dropdown.dropdown-hover.dropdown-animating.show
    .dropdown-menu-hover {
    border-bottom: 1px solid var(--gray-bg-light);
  }
  .header
    .header-box
    .header-navbar
    nav.navbar
    .nav-menu
    .nav-item.dropdown
    .nav-link:hover {
    color: var(--primary);
  }
  .header .header-navbar .nav-menu .nav-item:after {
    display: none !important;
  }
}
.header
  .header-box
  .header-navbar
  nav.navbar
  .nav-menu
  .nav-item.dropdown.show
  .nav-link:before,
.header
  .header-box
  .header-navbar
  nav.navbar
  .nav-menu
  .nav-item.dropdown
  .nav-link:before {
  font-size: 12px !important;
}
.header
  .header-navbar
  .navbar-nav
  .nav-item
  .dropdown-menu-hover
  .footer-menu
  img {
  filter: none;
}
/* ================================
  فوتر سایت
  ================================ */
footer.section-company {
  background-color: var(--gray-bg) !important;
}
.mini-footer figure img {
  filter: none !important;
}
.container.footer-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 15px 22px;
  gap: 24px;
}
@media (max-width: 400px) {
  .container.footer-top .footer-menu ul {
    display: flex;
    gap: 18px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.container.footer-top .footer-menu ul {
  display: flex;
  flex-direction: row;
  gap: 18px;
}
.container.footer-top .footer-menu li a {
  color: var(--black-light);
  font-size: 14px;
  font-weight: 400;
}
.container.footer-top .footer-menu li a:before {
  content: "\f111";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: relative;
  color: var(--primary);
  top: -1px;
  font-size: 6px;
  padding-left: 7px;
  font-weight: 600;
}
.container.footer-top .footer-menu li a:hover {
  color: var(--primary);
}
footer.footer.mini-footer .footer-copyright {
  background: transparent;
  border-top: 0px solid var(--border-dark);
  padding: 0;
}
footer.footer.mini-footer .footer-copyright .text {
  color: var(--black-light);
  font-size: 12px;
  padding: 0;
  font-weight: 400;
}
.mini-footer .social-share {
  float: none;
  padding: 0;
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.mini-footer .social-share .eitaa-icon {
  width: 12px;
  height: 12px;
  position: relative;
  top: -2px;
  left: 0px;
}
.mini-footer .social-share .aparat-icon {
  width: 16px;
  height: 16px;
  top: -1px  !important;
}
.vandaw {
  text-align: center;
  margin: 14px 0 0 !important;
}
.vandaw a {
  background: transparent !important;
  box-shadow: none !important;
}
.footer-middle .container {
  text-align: center;
  padding: 0 15px 24px;
}
.footer-bottom {
  background-color: #eee;
  padding: 18px 15px;
}
.mini-footer figure {
  float: none !important;
  text-align: center;
}
footer.section-company.footer.mini-footer .vandaw a {
  color: #000 !important;
}
footer.section-company.footer.mini-footer .vandaw  a img {
  filter: invert(1);
}
/* ================================
  صفحه تماس با ما
  ================================ */
.page-contact .contact-wrapper {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 15px;
}
.page-contact .contact-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.page-contact .info-card {
  position: relative;
  overflow: hidden;
  padding: 20px;
}
.page-contact .bg-icon {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 100px;
  color: var(--primary);
  opacity: 0.06;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.page-contact .info-card:hover .bg-icon {
  opacity: 0.15;
}
.page-contact .card-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 14px;
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--border-light);
}
.page-contact .info-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.page-contact .info-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--gray);
}
.page-contact .info-list li i {
  width: 28px;
  height: 28px;
  background: var(--primary-light-background);
  color: var(--primary);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  box-shadow: 0 0px 4px var(--primary-shadow) !important;
}
.page-contact .info-card:hover .info-list li i {
  color: #fff;
  background: var(--primary);
}
.page-contact .info-list li span {
  color: #1e293b;
  font-weight: 500;
}
.page-contact .info-list li a {
  color: var(--primary);
  text-decoration: none;
  direction: ltr;
  display: inline-block;
}
.page-contact .info-list li a:hover {
  text-decoration: underline;
}
.page-contact .contact-form {
  padding: 10px 10px 2px;
}
.page-contact .contact-title {
  margin: 12px 12px 12px;
  border-bottom: 1px dashed var(--border-light);
}
.page-contact .form-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--black-light);
  padding-bottom: 12px;
}
.page-contact .form-title i {
  color: var(--primary);
}
.page-contact .form-desc {
  font-size: 13px;
  color: var(--gray);
}
.page-contact form {
  box-shadow: none;
  padding: 8px 0;
}
.page-contact .form-row.form-row-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
.page-contact .form-row {
  width: 100%;
  margin: 0 0 8px;
}
.page-contact .form-row .form-group {
  width: 100%;
  padding: 0 12px 12px !important;
}
.page-contact .form-group {
  margin-bottom: 16px;
}
.page-contact .btn-primary {
  width: 120px;
}
@media (max-width: 640px) {
  .page-contact .contact-cards {
    grid-template-columns: 1fr;
  }
  .page-contact .form-row {
    grid-template-columns: 1fr;
  }
  .page-contact .captcha-box {
    flex-direction: column;
    align-items: start;
  }
  .page-contact .form-row .form-group {
    margin-bottom: 0;
  }
}
.custom-form .custom-form-label span {
  position: relative !important;
  background: var(--white);
  top: 0;
  right: 0;
  padding: 0;
}
.page-contact .page-content {
    padding-top: 20px;
    padding-bottom: 50px !important;
}
/* ================================
  صفحه دفترچه تلفن
  ================================ */
.page-content-tab .tab-content {
  box-shadow: none;
}
.page-content-tab .nav-tabs-pages {
  overflow: hidden;
  margin-bottom: 18px;
}
.page-content-tab .nav-tabs-pages .nav-link {
  padding: 12px;
  color: var(--black-light);
  font-size: 14px;
}
.page-content-tab .nav-tabs-pages .nav-link:hover {
  background: var(--border-light);
}
.page-content-tab .nav-tabs-pages .nav-link.active:hover,
.page-content-tab .nav-tabs-pages .nav-link.active:focus {
  color: #fff;
  background-color: var(--primary) !important;
}
.page-content-tab .nav-tabs-pages .nav-link.active {
  padding: 12px;
}
.page-content-tab .nav-tabs-pages .nav-link.active:before {
  color: var(--white) !important;
}
.pages .page-content-tab .nav-tabs-pages .nav-item .nav-link:before,
.pages .page-content-tab .nav-tabs-pages .nav-link[role="tab"]:before {
  content: "\f111";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: relative;
  color: var(--primary);
  top: 0;
  right: 0;
  font-size: 6px;
  padding-left: 6px;
  font-weight: 600;
  opacity: 1;
}
.page-phonbook .table {
  width: 100% !important;
  margin-bottom: 0;
}
.page-phonbook .table tbody tr td:first-child:before {
  display: none;
}
.page-phonbook .table tbody tr:nth-child(even) {
  background: rgba(249, 249, 249, 0.84);
}
.page-phonbook .table tbody tr:hover {
  background: var(--gray-bg-light);
}
.page-phonbook .table tbody tr:hover td:first-child {
  color: var(--third);
}
.page-phonbook .table td:first-child {
  color: var(--black-ligh);
}
/* ================================
  صفحه همکاری با ما
  ================================ */
.custom-form .custom-form-label {
  padding: 0;
  border: 0;
}
.form-cooperation .custom-form-label .custom-radio .custom-control-label:after,
.form-cooperation
  .custom-form-label
  .custom-radio
  .custom-control-label:before {
  right: 0;
  top: 2px;
}
html[data-page="fa/cooperation"] .page-form .form-group-title .title {
  font-size: 15px;
  font-weight: 500;
  color: var(--black-light);
}
html[data-page="fa/cooperation"] .page-form .form-group-title .title .icon {
  font-size: 15px;
  color: var(--primary);
  position: relative;
  top: 2px;
}
.custom-form .label {
  margin-bottom: 8px !important;
  position: relative !important;
  display: block;
  color: var(--black-light);
  font-size: 14px;
  font-weight: 500;
}
.form-cooperation .custom-file .custom-file-label span {
  background-color: transparent;
  margin-bottom: 0 !important;
}
.form-cooperation .custom-file .custom-file-label span {
  font-size: 12px;
}
.form-cooperation .custom-file .custom-file-label .file-name {
  top: 0 !important;
}
.form-cooperation .custom-file .custom-file-label::after {
    font-size: 10px;
    background-color: transparent;
    border: 0;
    top: 3px;
}
.form-cooperation .custom-form-label .form-row:has(.custom-radio) {
  border-radius: var(--radius-lg) !important;
  padding: 3px !important;
  background-color: var(--gray-bg-light);
  border: 1px solid var(--border-light);
  margin-right: 0;
  margin-left: 0;
}
.form-cooperation .custom-form-label .custom-control.custom-radio label {
  margin-bottom: 0;
}
.form-cooperation .custom-radio {
  border-radius: var(--radius-lg) !important;
  padding: 6px !important;
}
.form-cooperation .custom-control.custom-radio label {
  padding-right: 24px;
  font-size: 12px;
  margin: 0;
}
.form-cooperation .form-group-captcha img {
  height: 42px;
  border-radius: var(--radius-sm);
}
.form-cooperation
  .form-group-captcha
  label.control-label.captcha-label.d-inline-block {
  margin-bottom: 0;
  margin-left: 8px;
}
.form-cooperation .form-group-footer .container .form-group-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
.form-cooperation .form-group-captcha {
  margin-bottom: 0;
  padding: 0 !important;
}
@media (max-width: 640px) {
  .form-cooperation .form-group-footer .container .form-group-content {
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    flex-direction: column;
  }
}
.form-cooperation .form-group-footer .btn {
  top: 0 !important;
  color: #fff;
  background: var(--primary) !important;
}
.form-cooperation .form-group-footer .btn:hover,
.form-cooperation .form-group-footer .btn:focus {
  background: var(--primary-dark) !important;
}
.form-cooperation .form-group-content:not(:has(.form-group-captcha)) {
  padding: 20px 20px 0 !important;
}
.page-form .form-group-content {
  padding: 18px !important;
  position: relative;
  overflow: hidden;
}
.page-form .form-group-content:has(#id_advertising) {
  padding: 20px 20px 20px !important;
}
.page-form .form-group-title {
  padding-top: 0;
}
.page-form .form-group-footer .btn {
  font-size: 14px;
  line-height: 1.4;
}
.custom-form .custom-form-label .custom-radio {
  line-height: 1.8;
}
.rtl .alert-dismissible .close span {
  position: relative;
  top: 3px;
}
/* ================================
  صفحات گالری
  ================================ */
.page-gallery .card-gallery,
.page-gallery .content-media.content-media-image .post-single a.card {
  padding: 20px;
}
.top-media.top-media-image
  .gallery-carousel.carousel-big-top.carousel.slide
  .carousel-control-prev,
.top-media.top-media-image
  .gallery-carousel.carousel-big-top.carousel.slide
  .carousel-control-next {
  width: 30px;
  height: 30px;
}
.top-media.top-media-image
  .gallery-carousel.carousel-big-top.carousel.slide
  .carousel-control-prev
  .carousel-control-prev-icon,
.top-media.top-media-image
  .gallery-carousel.carousel-big-top.carousel.slide
  .carousel-control-next
  .carousel-control-next-icon {
  width: 30px;
  height: 30px;
}
.top-media.top-media-image
  .gallery-carousel.carousel-big-top.carousel.slide
  .carousel-control-next
  .carousel-control-next-icon:before {
  width: 30px;
  height: 30px;
  right: -25px;
  top: -1px;
  font-size: 18px !important;
}
.top-media.top-media-image
  .gallery-carousel.carousel-big-top.carousel.slide
  .carousel-control-prev
  .carousel-control-prev-icon:before {
  width: 30px;
  height: 30px;
  font-size: 18px !important;
  top: -1px;
  right: -4px;
}
.page-gallery
  .content-media.content-media-image
  .post-single
  a.card:hover
  .title {
  color: var(--primary);
}
.page-gallery section.section-media-group:has(.main-title) {
  background: var(--gray-bg-light) !important;
}
.page-gallery section.section-media-group .main-title,
.page-gallery section.section-media-group .main-title span {
  color: var(--black-light) !important;
}
.page-gallery section.section-media-group .main-title span i {
  color: var(--primary) !important;
}
.page-gallery .flickity-viewport .card-gallery .title,
.media-light
  .card.card-img-top.card-no-text.card-no-text-gray
  .card-title
  .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: 42px;
}
.page-gallery .carousel .carousel-cell a .img-w-text-overlay .img-cover {
  border: 1px solid var(--border-light) !important;
}
.page-gallery .img-w-text-overlay figcaption {
  border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
}
.page-gallery .card-gallery:hover .card-title .title,
.page-gallery .card-gallery:hover .card-title h4 {
  color: var(--primary) !important;
}
.page-gallery .card-gallery .thumb {
  overflow: hidden;
  border-radius: var(--radius-lg) !important;
}
.page-gallery .card-gallery:hover .thumb img.card-img-top.img-fluid {
  transform: scale(1.02);
  transition: transform 0.3s ease-in-out;
}
.page-gallery .card-gallery .thumb img.card-img-top.img-fluid {
  transition: transform 0.3s ease-in-out;
}
.page-gallery .content-media.content-media-image .col-sm-6 {
  margin-bottom: 30px;
}
.page-gallery .col-sm-6 .post-single,
.page-gallery .col-sm-6 .card-gallery {
  margin-bottom: 0;
  height: 100%;
}
.page-gallery .carousel-cell {
  padding-top: 4px;
  padding-bottom: 4px;
}
.page-gallery .flickity-viewport .card-author {
  margin-top: 8px;
}
.page-gallery .aside-title:before {
  border: 1px solid var(--primary) !important;
}
.page-gallery .flickity-viewport .card-body {
  overflow: visible;
}
.page-gallery
  .aside-content.list-cards.col-md-3.pt-0
  article.post-single.clearfix {
  margin-bottom: 30px;
}
.page-gallery
  .aside-content.list-cards.col-md-3.pt-0
  article.post-single.clearfix
  .card.card-img-top.card-no-text
  .card-body {
  margin: 8px 0 0;
}
.page-show-gallery .card.card.card-img-top .thumb {
  overflow: hidden;
}
.page-show-gallery .card.card.card-img-top:hover .thumb .img-fluid {
  transform: scale(1.02);
}
.page-show-gallery .card.card.card-img-top .thumb .img-fluid {
  transition: transform 0.3s ease-in-out;
}
.page-show-gallery .card-btn-download .btn {
  padding: 4px 12px !important;
  border-color: var(--primary) !important;
}
.page-show-gallery .featured-detail.clearfix .card-author .icon,
.page-show-gallery .featured-detail.clearfix .card-date i {
  color: var(--primary);
}
.page-show-gallery .social-share.color-icon .icon i {
  font-size: 14px;
  position: relative;
  top: -1px;
}
.page-show-gallery .section-title .title {
  border-bottom: 1px dashed var(--border-light) !important;
}
.fancyboxold-inner .fancyboxold-image {
  box-shadow: var(--shadow-sm) !important;
  border-radius: var(--radius-md) !important;
}
.fancyboxold-overlay .social-share.color-icon .icon i {
  font-size: 14px;
  position: relative;
  top: -1px;
}
.page-gallery .carousel-item a .carousel-image-container {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-sm) !important;
  border-radius: var(--radius-md) !important;
}
.page-gallery .carousel-item {
  border-radius: var(--radius-md) !important;
}
.page-gallery
  .carousel:has(a.card.card-img-top.overlay.overlay-big)
  .carousel-control-next,
.page-gallery
  .carousel:has(a.card.card-img-top.overlay.overlay-big)
  .carousel-control-prev {
  background-color: transparent !important;
}
.page-gallery
  .carousel-item
  a
  .carousel-image-container:hover
  .carousel-caption
  .carousel-title {
  color: var(--white) !important;
}
.page-gallery .carousel-item .carousel-caption .carousel-title {
  color: rgba(255, 255, 255, 0.93) !important;
}
.page-gallery .carousel-item .carousel-caption {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.63) 40%,
    rgba(0, 0, 0, 0) 100%
  );
  border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
}
.page-gallery .content-media-image .card img {
  border-radius: var(--radius-md) !important;
}
.page-gallery .content-media-image .card .card-title h4 {
  font-size: 18px !important;
}
.page-gallery .content-media.content-media-image.mb-5 a h4 {
  margin-top: 14px !important;
  color: var(--black-light) !important;
}
.page-gallery .content-media.content-media-image.mb-5 a:hover h4 {
  color: var(--primary) !important;
}
.page-show-gallery .featured-detail .card-author {
  display: inline-block;
  margin-right: 8px;
}
.header-search-media .form-control-search {
  border-bottom: 0px solid var(--primary) !important;
  height: 41px !important;
  top: 0px !important;
  padding: 8px 12px !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.header-search-media .form-control-search:focus {
  border: 0 !important;
  box-shadow: none !important;
}
.header-search-media {
  border-bottom: 1px solid var(--primary) !important;
  height: 100%;
  position: relative;
  top: 2px;
}
@media (max-width: 575px) {
  .header-search-media {
    margin-bottom: 8px;
  }
}
.header-search-media .btn-search {
  color: var(--primary) !important;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 12px;
}
.carousel-big-top .carousel-control-prev-icon:before,
.carousel-big-top .carousel-control-next-icon:before {
  font-size: 22px;
  color: var(--white);
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  margin: 0 20px;
}
/* ================================
  صفحات اخبار و وبلاگ
  ================================ */
.carousel.carousel-blog .carousel-item .card .card-img img {
  border-radius: var(--radius-lg);
}
html[data-page="fa/photo"]
  .pages.page-media.page-gallery.media-light
  .main-content
  .carousel.media-branch-carousel {
  margin-bottom: 18px;
}
.carousel.carousel-blog h6.on-title {
  font-size: 12px;
  margin-bottom: 8px;
  line-height: 1.8;
}
.carousel.carousel-blog .carousel-control-next,
.carousel.carousel-blog .carousel-control-prev {
  color: var(--white);
  background-color: var(--primary) !important;
  box-shadow: var(--shadow-md);
}
.carousel.carousel-blog .carousel-control-next:hover,
.carousel.carousel-blog .carousel-control-prev:hover {
  background-color: var(--primary-dark) !important;
}
.carousel.carousel-blog .card-img-right.card-big .card-body .text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  text-align: justify;
}
#carouselBlogPage .carousel-control-prev-icon:before,
#carouselBlogPage .carousel-control-next-icon:before {
  font-size: 14px;
}
.carousel.carousel-blog .carousel-control-prev-icon,
.carousel.carousel-blog .carousel-control-next-icon {
  margin: 0 10px;
}
.carousel-control-prev-icon:before {
  top: 1px;
  left: -1px;
}
.carousel-control-next-icon:before {
  top: 1px;
  right: -1px;
}
.carousel-indicators li:not(.active) {
  background-color: var(--border-dark) !important;
}
@media (max-width: 767px) {
  .carousel.carousel-blog .carousel-item .card {
    padding: 20px;
  }
  .carousel.carousel-blog .carousel-item .card .card-img {
    padding: 0;
    margin-bottom: 20px;
  }
  .carousel.carousel-blog .carousel-item .card .card-body {
    padding: 0;
  }
  .card-img-right .card-img {
    margin-left: 20px;
    overflow: hidden;
  }
  .card-img-right .card-img img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border-radius: var(--radius-lg);
  }
}
@media (min-width: 767px) {
  .carousel.carousel-blog .carousel-item .card .card-img {
    padding: 20px 20px 20px 0;
    margin-left: 20px;
  }
  .carousel.carousel-blog .carousel-item .card .card-body {
    padding: 20px 0 20px 20px;
  }
}
.section-blog-content a.card.card-img-top {
  padding: 20px;
}
.section-blog-content a.card.card-img-top .thumb {
  border: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.section-blog-content a.card.card-img-top .card-body {
  padding: 0;
}
.section-blog-content a.card.card-img-top img {
  transition: transform 0.3s ease-in-out;
}
.section-blog-content a.card.card-img-top h5.title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
.section-blog-content a.card.card-img-top p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
.section-blog-content a.card.card-img-top .card-title {
  padding-top: 16px;
}
.section-blog-content a.card.card-img-top:hover img {
  transform: scale(1.02);
}
.section-blog-content a.card.card-img-top:hover h5.title {
  color: var(--primary);
}
.section-blog-content a.card.card-img-top:hover .btn-more {
  background: var(--primary);
  border-color: var(--primary) !important;
  color: var(--white) !important;
}
.section-blog-content .card-footer .btn-more {
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-md) !important;
  border: 1px solid var(--primary) !important;
  color: var(--primary) !important;
  padding: 8px 16px !important;
}
.section-blog-content .card.card-img-top .card-footer .btn-more:focus {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
.section-blog-content .more-btn-blog {
  background-color: var(--gray-bg);
  top: 0;
  border: 1px solid var(--border-light) !important;
}
.section-blog-group .col-md-6.col-padding .post-single a {
  background: var(--gray-bg-light) !important;
}
.section-blog-group .cards-blog {
  border: 0 !important;
  top: 0;
  background: var(--gray-bg-light) !important;
  border: 1px solid var(--border-light) !important;
}
.section-blog-content .more-btn-blog a {
  color: var(--primary);
  font-size: 14px;
}
.section-blog-content .more-btn-blog a .icon {
  position: relative;
  top: 2px;
  font-size: 9px;
}
.section-blog-group .cards-blog .col-padding .post-single .card.card-img-right {
  padding: 20px;
}
.section-blog-group
  .cards-blog
  .col-padding
  .post-single
  .card.card-img-right
  h6.on-title {
  font-size: 12px;
  margin-bottom: 4px;
  line-height: 1.6;
}
.section-blog-group
  .cards-blog
  .col-padding
  .post-single
  .card.card-img-right
  .read-more-text {
  font-size: 11px;
  bottom: 0;
  color: var(--primary-dark);
  background: transparent;
}
@media (max-width: 576px) {
    .section-blog-group
  .cards-blog
  .col-padding
  .post-single .card.card-img-right .card-body {
        height: 90px;
    }
}
.section-blog-group
  .cards-blog
  .col-padding
  .post-single
  .card.card-img-right
  .card-img {
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}
.section-blog-group
  .cards-blog
  .col-padding
  .post-single
  .card.card-img-right
  .card-title
  .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
.section-blog-group
  .cards-blog
  .col-padding
  .post-single
  .card.card-img-right:hover
  .card-title
  .title {
  color: var(--primary-dark);
}
.section-blog-group
  .cards-blog
  .col-padding
  .post-single
  .card.card-img-right:hover
  .card-img
  img {
  transform: scale(1.02);
}
.page-blog .more-text:hover {
  color: var(--primary-dark) !important;
}
.pages .list-group-section {
  overflow: hidden;
}
.pages .list-group-section .list-group-item {
  border: 0;
}
.pages .list-group-section .list-group-item a {
  padding: 12px !important;
  color: var(--black-light);
  text-align: right;
  font-size: 12px;
}
.pages .list-group-section .list-group-item a.card:hover .title {
  color: var(--primary);
}
.pages .list-group-section .list-group-item a:hover {
  background-color: var(--gray-bg-light);
}
.pages .list-group-section .list-group-item:not(:last-child) a {
  border-bottom: 1px solid var(--border-light);
  margin-bottom: 1px;
}
.pages .list-group-section .list-group-item .card-title .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  /*text-align: justify;*/
}
.pages .list-group-section .list-group-item .card-title .on-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  /*text-align: justify;*/
  max-height: 32px;
  margin-bottom: 4px;
}
.pages .navbar-right-pages ul.nav-pages {
  background: var(--white);
  box-shadow: var(--shadow-sm) !important;
  border-radius: var(--radius-md);
  transition: all 0.3s ease;
  overflow: hidden;
  border: 1px solid var(--border-light);
}
.pages .navbar-right-pages ul.nav-pages .nav-item .nav-link {
  padding: 12px;
  color: var(--black-light);
  text-align: right;
  font-size: 12px;
  border-bottom: 1px solid var(--border-light);
}
.page-branch-blog .cards-blog a.card.card-img-right .card-img img {
  border-radius: var(--radius-lg);
}
.page-branch-blog .cards-blog h6.on-title {
  font-size: 12px;
  margin-bottom: 8px;
  line-height: 1.8;
  color: var(--gray);
}
.page-branch-blog .cards-blog .card-img-right.card-medium .card-title {
  margin-bottom: 8px;
}
.page-branch-blog .cards-blog .card-img-right.card-medium .title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
.page-branch-blog .cards-blog .card-img-right.card-medium .text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  text-align: justify;
}
.page-branch-blog .cards-blog .card-img-right .card-body .read-more-text {
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-md) !important;
  border: 1px solid var(--primary) !important;
  color: var(--primary) !important;
  padding: 4px 6px !important;
  bottom: 20px;
  left: 20px;
  width: 80px;
  text-align: center;
  font-size: 11px !important;
  margin-right: auto;
  line-height: 1.4;
}
.page-branch-blog .cards-blog .card-img-right:hover .card-body .read-more-text {
  background: var(--primary);
  border-color: var(--primary) !important;
  color: var(--white) !important;
}
@media (max-width: 767px) {
  .page-branch-blog .cards-blog .card.card-img-right {
    padding: 20px !important;
  }
  .page-branch-blog .cards-blog a.card.card-img-right .card-img {
    padding: 0;
    margin-bottom: 20px;
  }
  .page-branch-blog .cards-blog a.card.card-img-right .card-body {
    padding: 0;
  }
  .page-branch-blog .cards-blog a.card.card-img-right .card-img {
    margin-left: 20px;
    overflow: hidden;
  }
  .page-branch-blog .cards-blog a.card.card-img-right .card-img img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border-radius: var(--radius-lg);
  }
  .page-branch-blog .cards-blog .card-img-right .card-body .read-more-text {
    bottom: 0 !important;
    left: 0 !important;
  }
}
@media (min-width: 767px) {
  .page-branch-blog .cards-blog a.card.card-img-right {
    padding: 0;
  }
  .page-branch-blog .cards-blog a.card.card-img-right .card-img {
    padding: 20px 20px 20px 0;
    margin-left: 20px;
  }
  .page-branch-blog .cards-blog a.card.card-img-right .card-body {
    padding: 20px 0 20px 20px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  .page-branch-blog .cards-blog .card-img-right .card-body .read-more-text {
    display: none;
  }
}
/* ================================
  صفحات تکی وبلاگ و ویدئو
  ================================ */
.page-single-blog .blog-item .blog-thumb {
  transition: transform 0.3s ease-in-out;
}
.page-single-blog .blog-item .blog-thumb:hover img {
  transform: scale(1.02);
}
.page-single-blog .blog-item .blog-thumb img {
  border: 0;
  transition: transform 0.3s ease-in-out;
}
.page-single-blog .blog-download a {
  padding: 8px 8px 6px !important;
  font-size: 14px;
}
.page-single-blog .blog-item .blog-meta-row {
  border-top: 1px dashed var(--border-light);
}
.page-single-blog .social-share a.icon i,
.page-single-blog .social-share span.icon i {
  font-size: 15px;
  position: relative;
  top: -2px !important;
}
.page-single-blog .blog-meta-row .post-info i {
  color: var(--primary-dark);
}
.page-single-blog .more-image .nav-tabs .nav-link {
  background-color: transparent;
  border-radius: var(--radius-sm);
  padding: 6px 8px;
  font-size: 14px;
  height: 35px;
  border: 0;
}
.page-single-blog .more-image .nav-tabs .nav-link.active {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
  color: var(--white);
  border-bottom-color: transparent;
  box-shadow: 0 2px 6px var(--primary-shadow-heavy);
}
.page-single-blog .more-image .nav-tabs .nav-link.active:hover {
  color: #fff !important;
}
.page-single-blog .more-image .nav-tabs .nav-link:hover {
  color: var(--primary);
  border: 0;
}
.page-single-blog .more-image .nav-tabs {
  border: 1px solid var(--border-light);
  padding: 8px;
  background-color: var(--gray-bg-light);
  border-radius: var(--radius-lg);
}
.pages.page-blog.page-single-blog .content-blog .more-image .tab-content .carousel-cell a[data-fancybox="gallery"]:has(.gallery-img-overlay)   {
    box-shadow: none !important;
    height: auto;
}
.pages.page-blog.page-single-blog .content-blog  .more-image .tab-content .carousel-cell:has(a[data-fancybox="gallery"])   {
    height: auto;
}
/*.pages.page-blog.page-single-blog .content-blog  .more-image .tab-content .carousel-more-image .flickity-viewport {*/
/*   height: 125px !important;  */
/*}*/
.page-single-blog .more-image {
  margin: 34px 0;
  max-width: 100%;
  width: 100%;
  padding: 0;
}
.page-single-blog .carousel .carousel-cell {
  height: 100%;
}
.page-single-blog .carousel a {
  padding: 20px;
  height: 100%;
}
.page-single-blog .carousel a .thumb {
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border-light) !important;
}
.page-single-blog .carousel a .thumb img {
  border-radius: var(--radius-lg);
  transition: transform 0.3s ease-in-out;
}
.page-single-blog .carousel a .card-title {
  padding-top: 12px;
}
.page-single-blog .carousel a .card-title h5 {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.8 !important;
  text-align: justify;
  height: 54px;
}
.page-single-blog .blog-item .blog-title .on-title {
  color: var(--gray);
}
.page-single-blog .carousel a .card-title .card-on-title .title {
  font-size: 11px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right !important;
  padding-bottom: 0;
}
.page-single-blog .content-blog .carousel-more-image .flickity-viewport {
  height: 246px !important;
  max-height: 260px;
}
.page-single-blog .carousel a .card-title .card-on-title {
  font-size: 11px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right !important;
  padding-bottom: 0;
}
.page-single-blog .carousel a:hover .title {
  color: var(--primary-dark);
}
.page-single-blog .carousel .carousel-cell {
  padding-top: 4px;
  padding-bottom: 4px;
}
.page-single-blog .carousel a:hover .thumb img {
  transform: scale(1.02);
}
.page-single-blog #carouselBlogPage .carousel-control-next,
.page-single-blog #carouselBlogPage .carousel-control-prev {
  color: var(--white);
  background-color: var(--primary);
}
.page-single-blog #carouselBlogPage .carousel-control-next:hover,
.page-single-blog #carouselBlogPage .carousel-control-prev:hover {
  background-color: var(--primary-dark);
}
.page-single-blog .flickity-button {
  color: var(--primary);
  z-index: 10;
  background-color: rgba(0, 128, 128, 0.16);
  box-shadow: var(--shadow-md);
}
.page-single-blog .media-branch-carousel .flickity-prev-next-button.next {
  right: 0;
}
.page-single-blog .media-branch-carousel .flickity-prev-next-button.previous {
  left: 0;
}
.page-single-blog .flickity-button:hover {
  color: var(--white);
  background-color: var(--primary);
}
.page-single-blog .flickity-prev-next-button .flickity-button-icon {
  width: 12px;
  height: 12px;
  left: 9px;
  top: 9px;
}
.page-videos .aside-content .card {
  padding: 20px;
}
.page-videos .aside-content .card img {
  border-radius: var(--radius-md) !important;
}
.page-videos .aside-content .card h4 {
  margin-top: 14px;
  color: var(--black-light);
}
.page-videos .aside-content .card:hover h5 {
  color: var(--primary) !important;
}
.page-videos .aside-content .card .card-body {
  margin: 8px 0 0 !important;
}
.page-videos .aside-content .card .thumb {
  overflow: hidden;
  border-radius: var(--radius-lg) !important;
}
.page-videos .aside-content .card:hover .thumb img {
  transform: scale(1.02);
}
.page-videos .aside-content .card img {
  transition: transform 0.3s ease-in-out;
  border-radius: var(--radius-lg) !important;
}
.page-videos .card-video .video-icon {
    margin: 8px;
    background-color: #f7f7f71c;
    border-radius: 4px;
    box-shadow: var(--shadow-sm);
    font-size: 14px;
    color: var(--third);
}
.page-videos .card:hover .video-icon {
  background: var(--third-light);
}
.page-videos .aside-title:before {
  border: 1px solid var(--primary) !important;
}
.page-videos .top-media .card-img-right.card-big:hover .title {
  color: var(--primary);
}
.page-videos #carouselBlogPage .carousel-control-prev {
  color: var(--white);
  background-color: var(--primary);
}
.page-videos #carouselBlogPage .carousel-control-next:hover,
.page-videos #carouselBlogPage .carousel-control-prev:hover {
  background-color: var(--primary-dark);
}
.page-videos .flickity-button {
  box-shadow: var(--shadow-md);
  width: 30px;
  height: 30px;
}
.page-videos .flickity-button:hover {
  color: var(--white);
  background-color: var(--primary);
}
.page-videos .flickity-prev-next-button .flickity-button-icon {
  width: 12px;
  height: 12px;
  left: 9px;
  top: 9px;
}
.page-videos .carousel a.card.card-img-top.overlay.overlay-big {
  box-shadow: var(--shadow-sm) !important;
  border-radius: var(--radius-md) !important;
}
.page-videos .carousel .carousel-cell a .img-w-text-overlay .img-cover {
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-sm) !important;
  border-radius: var(--radius-md) !important;
}
.page-videos .img-w-text-overlay figcaption {
  border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
}
.page-videos .archive-btn a {
  border-radius: var(--radius-sm);
  margin-bottom: 30px;
}
html[data-page="fa/video"]
  .page-video
  .main-content
  section.mt-4:has(.aside-title)
  .row.m-0 {
  margin-bottom: 24px !important;
}
.page-show-video .social-share span.icon i {
  font-size: 14px;
  position: relative;
  top: -1px;
  left: 0;
}
.page-show-video .btn-dn {
  padding: 4px 8px 3px !important;
}
.page-show-video .btn-dn i {
  position: relative;
  top: 2px;
}
.vjs-theme-forest {
  --vjs-theme-forest--primary: var(--primary);
  --vjs-theme-forest--secondary: var(--white);
}
.page-media .wrraper-video .video-company {
  overflow: hidden;
}
.page-show-video .card.big-top .wrraper-video video {
  border-radius: var(--radius-md) !important;
  background: var(--white);
}
.page-show-video .main-content .card-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.page-show-video .main-content .card-text {
  font-size: 14px;
  margin-bottom: 10px;
}
.page-show-video .main-content .card-title:before {
  content: "\f111";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: relative;
  color: var(--primary);
  top: -1px;
  font-size: 6px;
  padding-left: 7px;
  font-weight: 600;
}
.page-show-video .news-info {
  border: 1px solid var(--border-light);
  background-color: var(--gray-bg-light);
  padding: 12px 8px;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md) !important;
  border-right: 3px solid var(--primary);
}
.page-show-video .news-info .meta-news {
  background-color: transparent;
}
.page-show-video .news-info .meta-news ul li {
  color: var(--black-light);
  padding: 0 6px;
}
.page-show-video .news-info .meta-news i {
  color: var(--primary) !important;
}
.page-show-video .aside-content .list-group-section .list-group-item a h5 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  text-align: justify;
}
.page-show-video
  .aside-content
  .list-group-section
  .list-group-item
  a
  .card-img {
  border-radius: var(--radius-sm);
}
.page-show-video
  .aside-content
  .list-group-section
  .list-group-item
  a:hover
  h5 {
  color: var(--primary);
}
.page-show-video .aside-content .list-group-section .list-group-item {
  border: 0;
}
.page-show-video .aside-content .list-group-section .list-group-item a {
  background-color: var(--gray-bg-light) !important;
  padding: 12px;
}
.page-show-video
  .aside-content
  .list-group-section
  .list-group-item
  a
  .card-body {
  height: auto;
}
.page-show-video
  .aside-content
  .list-group-section
  .list-group-item:not(:last-child)
  a {
  border-bottom: 1px solid var(--border-light);
  margin-bottom: 1px;
}
.page-show-video .aside-content .list-group-section {
  overflow: hidden;
}
.pages.page-media.page-gallery
  .content-media.content-media-image
  article.post-single.clearfix
  a.card.card-img-top.card-shadow.card-no-text.card-no-text-transparent.medium-card.card-video {
  height: 100%;
}
@media (max-width: 768px) {
   html[data-page="fa/video"] .page-video .top-media.top-media-video .card-img-right.card-big img.img-fluid {
    border-radius: 8px 8px 0 0 !important;
} 
}

/* ================================
  صفحه درباره ما
  ================================ */
.page-about-us-modern {
  padding: 20px 15px 50px;
}
.page-about-us-modern .about-hero {
  text-align: center;
  margin-bottom: 30px;
}
.page-about-us-modern .about-hero-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--black-light);
}
.page-about-us-modern .hero-underline {
  width: 80px;
  height: 4px;
  background: var(--primary);
  margin: 15px auto 15px;
  border-radius: var(--radius-sm);
}
.page-about-us-modern .hero-subtitle {
  color: var(--gray);
  font-size: 17px;
}
.page-about-us-modern .about-card {
  padding: 20px;
  position: relative;
}
.page-about-us-modern .about-card:not(:last-child)  {
  margin-bottom: 30px;
}
.page-about-us-modern .about-card .bg-icon {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 110px;
  color: var(--primary);
  opacity: 0.04;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.page-about-us-modern .about-card:hover .bg-icon {
  opacity: 0.1;
}
.page-about-us-modern .card-icon-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed var(--border-light);
}
/* استایل آیکون SVG در هدر کارت */
.page-about-us-modern .card-icon-header .icon-svg-wrap {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-light-background);
  border-radius: var(--radius-lg);
  transition: all 0.25s ease;
  box-shadow: var(--shadow-md);
}
.page-about-us-modern .card-icon-header .icon-svg-wrap svg {
  width: 20px;
  height: 20px;
  color: var(--primary);
  transition: all 0.25s ease;
}
.page-about-us-modern .about-card:hover .card-icon-header .icon-svg-wrap {
  background: var(--primary);
}
.page-about-us-modern .about-card:hover .card-icon-header .icon-svg-wrap svg {
  color: #fff;
}
.page-about-us-modern .about-card-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: var(--black-light);
}
.page-about-us-modern .about-text {
  font-size: 15px;
  color: var(--gray);
  margin-bottom: 0;
  text-align: justify;
}
.page-about-us-modern .values-list {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
}
.page-about-us-modern .values-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  font-size: 15px;
  color: var(--gray);
  border-bottom: 1px solid var(--gray-bg-light);
  transition: all 0.2s;
}
.page-about-us-modern .values-list li:last-child {
  border-bottom: none;
}
/* صفحه گواهی‌نامه */
.page-certificate .gallery-img-overlay {
  background: var(--white);
  border: 1px solid var(--border-light);
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md);
  transition: all 0.3s ease;
  overflow: hidden;
}
.page-certificate .gallery-img-overlay:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--third-border);
}
.page-certificate .flickity-prev-next-button.next {
  right: 0 !important;
}
.page-certificate .flickity-prev-next-button.previous {
  left: 0 !important;
}
.page-certificate
  .gallery-img-overlay:hover
  .carousel-cell.is-selected.is-nav-selected
  figure {
  background: var(--primary) !important;
}
.page-certificate .gallery-img-overlay img {
  border-radius: var(--radius-sm);
  border: 0 !important;
}
.page-certificate .carousel-cell.is-selected.is-nav-selected figure {
  background: var(--third) !important;
}
/* استایل آیکون SVG در لیست ارزش‌ها */
.page-about-us-modern .values-list li .icon-svg-wrap {
  width: 32px;
  height: 32px;
  background: var(--gray-bg);
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  box-shadow: 0 0px 4px var(--primary-shadow);
}
.page-about-us-modern .values-list li .icon-svg-wrap svg {
  width: 14px;
  height: 14px;
  color: var(--third);
  transition: all 0.2s ease;
}
/*.page-about-us-modern .values-list li:hover .icon-svg-wrap {*/
/*  background: var(--primary);*/
/*}*/
.page-about-us-modern .values-list li:hover .icon-svg-wrap svg {
  color: var(--primary);
}
.page-about-us-modern .values-list li:hover span {
  color: var(--primary);
}
/* سایز کوچک آیکون در صورت نیاز */
.page-about-us-modern .icon-svg-wrap.icon-sm {
  width: 24px;
  height: 24px;
}
.page-about-us-modern .icon-svg-wrap.icon-sm svg {
  width: 12px;
  height: 12px;
}
.page-about-us-modern .about-image-wrapper {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md) !important;
  transition: transform 0.4s ease;
}
.page-about-us-modern .about-card:hover .about-image-wrapper img {
  transform: scale(1.01);
}
.page-about-us-modern .about-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .page-about-us-modern .about-card {
    padding: 24px 20px;
  }
  .page-about-us-modern .about-card-title {
    font-size: 18px;
  }
  .page-about-us-modern .card-icon-header .icon-svg-wrap {
    width: 44px;
    height: 44px;
  }
  .page-about-us-modern .card-icon-header .icon-svg-wrap svg {
    width: 20px;
    height: 20px;
  }
  .page-about-us-modern .values-list li {
    gap: 8px;
    font-size: 0.9rem;
  }
  .page-about-us-modern .about-image-wrapper {
    margin-top: 24px;
  }
}
/* ================================
  صفحه خط مشی
  ================================ */
.page-policy {
  padding: 20px 15px 50px;
}
.page-policy .policy-card {
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
}
.page-policy .bg-icon {
  position: absolute;
  bottom: 0;
  left: 20px;
  font-size: 110px;
  color: var(--primary);
  opacity: 0.04;
  transition: opacity 0.3s ease;
  pointer-events: none;
  transform: rotate(35deg);
}
.page-policy .policy-card:hover .bg-icon {
  opacity: 0.1;
}
.page-policy .card-icon-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed var(--border-light);
}
.page-policy .card-icon-header i {
  font-size: 20px;
  color: var(--primary);
  background: #e6f4f4;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  transition: all 0.25s ease;
  box-shadow: var(--shadow-md);
}
.page-policy .policy-card:hover .card-icon-header i {
  background: var(--primary);
  color: white;
}
.page-policy .policy-card-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: var(--black-light);
}
.page-policy .policy-hero {
  margin-bottom: 28px;
}
.page-policy .policy-image-wrapper {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform 0.4s ease;
  border: 1px solid var(--border-light);
}
.page-policy .policy-card:hover .policy-image-wrapper img {
  transform: scale(1.01);
}
.page-policy .policy-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: all 0.3s;
}
.page-policy .policy-intro h2 {
  font-size: 18px;
  color: var(--black-light);
  text-align: justify;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 2;
}
.page-policy .policy-intro h3 {
  font-size: 14px;
  color: var(--primary);
  text-align: justify;
  margin-bottom: 12px;
  line-height: 2;
  border-bottom: 1px dashed var(--border-light);
  padding-bottom: 12px;
}
.page-policy .policy-intro p {
  font-size: 15px;
  color: var(--black-light);
  text-align: justify;
  font-weight: 400;
  line-height: 2;
}
.page-policy .text-teal {
  color: var(--primary);
}
.page-policy .policy-list-section {
  margin: 20px 0 10px;
}
.page-policy .policy-numbered-list {
  list-style: none;
  counter-reset: policy-counter;
  padding: 0;
  margin: 0;
}
.page-policy .policy-numbered-list li {
  counter-increment: policy-counter;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 0;
  font-size: 14px;
  color: var(--black-light);
  border-bottom: 1px solid var(--gray-bg-light);
  transition: all 0.2s;
  line-height: 2;
  text-align: justify;
}
.page-policy .policy-numbered-list li:last-child {
  border-bottom: none;
}
.page-policy .policy-numbered-list li::before {
  content: counter(policy-counter);
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background: var(--gray-bg);
  color: var(--third);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  transition: all 0.2s ease;
  box-shadow: var(--shadow-sm);
  position: relative;
  top: 2px;
}
.page-policy .policy-numbered-list li:hover::before {
  color: var(--primary);
}
.page-policy .policy-numbered-list li:hover {
  color: var(--primary);
}
.page-policy .policy-signature-footer {
  background: var(--white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  padding: 20px 24px;
  text-align: center;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
    .page-policy .policy-signature-footer {
        margin-bottom: 30px;
    }
}
.page-policy .signature-text {
  font-size: 15px;
  color: var(--black-light);
  margin-bottom: 8px;
  text-align: center;
}
.page-policy .signature-name strong {
  font-size: 16px;
  color: var(--primary);
  line-height: 2;
}
.page-policy .signature-name span {
  color: var(--gray);
  line-height: 2;
  font-size: 14px;
}
@media (max-width: 768px) {
 
  .page-policy .policy-card {
    padding: 20px;
  }
  .page-policy .policy-card-title {
    font-size: 1.3rem;
  }
  .page-policy .policy-numbered-list li {
    gap: 8px;
    font-size: 0.85rem;
  }
  .page-policy .policy-image-wrapper {
    margin-bottom: 0;
  }
  .page-policy .policy-signature-footer {
    padding: 16px;
  }
}
/* ================================
  صفحه منشور اخلاقی
  ================================ */
.page-ethics {
  padding: 30px 0 10px;
  border-top: 1px dashed var(--border-light);
}
.page-ethics .ethics-hero {
  text-align: center;
  margin-bottom: 20px;
}
.page-ethics .ethics-hero-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--black-light);
}
.page-ethics .ethics-hero-subtitle {
  color: var(--gray);
  font-size: 17px;
}
.page-ethics .hero-underline {
  width: 80px;
  height: 4px;
  background: var(--primary);
  margin: 15px auto 10px;
  border-radius: var(--radius-sm);
}
.page-ethics .quote-card {
  background: var(--white);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-light);
  text-align: center;
  margin-bottom: 30px;
  padding: 20px;
}
.page-ethics .quote-arabic {
  font-size: 24px;
  font-weight: 700;
  color: var(--primary);
  font-family: "Amiri", "Traditional Arabic", serif;
  border-bottom: 1px dashed var(--border-light);
  margin-bottom: 12px;
  padding-bottom: 0;
}
.page-ethics .quote-persian {
  font-size: 15px;
  color: var(--black-light);
  line-height: 2;
}
.page-ethics .ethics-intro {
  background: var(--primary-light);
  padding: 20px;
  border-radius: var(--radius-md);
  margin-bottom: 30px;
  text-align: center;
  font-size: 15px;
  color: var(--black-light);
  border: 1px solid var(--primary-border);
  line-height: 2;
}
.page-ethics .ethics-intro p {
  margin-bottom: 0;
}
.page-ethics .text-primary-value {
  color: var(--primary);
  font-weight: 700;
  font-size: 1.1rem;
}
.page-ethics .text-primary-value strong {
  color: #ff0000;
}
.page-ethics .value-card {
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
}
.page-ethics .bg-icon {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 70px;
  color: var(--primary);
  opacity: 0.04;
  pointer-events: none;
  transition: opacity 0.3s;
}
.page-ethics .value-card:hover .bg-icon {
  opacity: 0.1;
}
.page-ethics .value-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  border-bottom: 1px dashed var(--border-light);
  padding-bottom: 14px;
}
.page-ethics .value-icon {
  background: #e6f4f4;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  color: var(--primary);
  font-size: 16px;
  transition: all 0.2s;
}
.page-ethics .value-card:hover .value-icon {
  background: var(--primary);
  color: white;
}
.page-ethics .value-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--black-light);
  margin: 0;
}
.page-ethics .value-description {
  font-size: 14px;
  line-height: 2;
  color: var(--gray-light);
  text-align: justify;
}
.page-ethics .highlight-red {
  color: var(--third);
  font-weight: 600;
}
.page-ethics .highlight-teal {
  color: var(--primary);
}
/* ================================
  صفحه ورود / عضویت
  ================================ */
.auth-form-wrapper .panel-default {
  margin-top: 0;
}
.auth-form-wrapper .panel-default .panel-body {
  padding: 0 20px 20px !important;
}
.auth-form-wrapper .panel-default .form-horizontal {
  padding: 0;
}
.auth-form-wrapper .panel-default .form-horizontal .form-group .col-sm-11 {
  padding: 0;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 12px;
}
.auth-form-wrapper .panel-default .form-horizontal .form-group .col-sm-3 {
  padding: 0;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.auth-form-wrapper .panel-default .form-horizontal .form-group .col-md-6 {
  padding: 0;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.auth-form-wrapper .panel-default .form-horizontal .form-btn .btn-primary {
  width: 100%;
}
.auth-form-wrapper .panel-default .form-horizontal .form-btn {
  padding: 0 !important;
  margin: 0;
}
.auth-form-wrapper .panel-default .panel-heading {
  background-color: var(--primary) !important;
  color: var(--white) !important;
  background-image: url("https://www.sksco.ir/themes/frontend/sksco/files/images/banner/banner3.jpg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  font-size: 15px !important;
  border: 0;
  border-radius: 0;
  padding: 15px 20px !important;
}
.auth-form-wrapper .panel-default .panel-heading {
  border-right: 0 !important;
}
.auth-form-wrapper .panel-default .panel-heading h6 {
  color: #fff;
  padding: 0;
  margin: 0;
  line-height: 1.8;
}
.auth-form-wrapper .panel-default .btn-primary {
  width: 120px;
}
.auth-form-wrapper .form-group code {
  color: var(--third);
  background-color: var(--third-light);
  box-shadow: var(--shadow-lg);
  padding: 2px 6px;
  border-radius: 4px;
}
.auth-form-wrapper .panel-default .btn-default {
  width: 120px;
  border: 1px solid var(--primary);
  padding: 9px 16px 7px;
}
.auth-form-wrapper .panel-default .form-group {
  padding: 0;
}
.otp-loader {
  border-top: 8px solid var(--primary);
}
.auth-form-wrapper .form-group div:has(code) {
  margin-bottom: 12px;
}
#wrapper:has(.auth-form-wrapper) {
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  /*min-height: 100vh;*/
  background-color: var(--gray-bg-light);
}
.main:has(.auth-form-wrapper) {
  width: 100%;
}
.auth-form-wrapper {
  width: 100%;
  max-width: 550px;
  margin: 40px auto;
}
.form-horizontal .form-btn {
  background: var(--white) !important;
  padding-top: 0 !important;
}
/*input:invalid {*/
/*  color: var(--error) !important;*/
/*  border-color: var(--error) !important;*/
/*}*/

/* ================================
  منوی صفحه پروفایل کاربری
  ================================ */
@media (min-width: 992px) and (max-width: 1199px) {
    .main:has(.bootstrap.custom-container.profile-navbar) {
        padding-top: 30px !important;
        padding-bottom: 30px;
    }
}
.profile-navbar.bootstrap.custom-container div#navbarsExampleDefault {
  padding: 12px 20px !important;
  overflow: hidden;
}
.profile-navbar.bootstrap.custom-container
  div#navbarsExampleDefault
  .list-item
  a.nav-link {
  color: var(--black-light);
  text-align: right;
  font-size: 14px;
  padding: 8px 0 !important;
}
.profile-navbar.bootstrap.custom-container
  div#navbarsExampleDefault
  li.list-item.nav-item.p-0.w-100.mr-0.mb-1 {
  margin-bottom: 0 !important;
}
.profile-navbar.bootstrap.custom-container
  div#navbarsExampleDefault
  .list-item:not(:last-child)
  a.nav-link {
  border-bottom: 1px solid var(--gray-bg-light);
}
.profile-navbar.bootstrap.custom-container
  div#navbarsExampleDefault
  .list-item
  a.nav-link:hover {
  color: var(--third) !important;
  background-color: transparent;
}
.profile-navbar.bootstrap.custom-container
  div#navbarsExampleDefault
  .list-item:not(:last-child)
  a.nav-link:hover {
  color: var(--primary) !important;
}
.profile-navbar.bootstrap.custom-container
  .navbar-collapse.categories
  .list-item
  a.nav-link
  .icon-box {
  width: 32px;
  height: 32px;
  display: inline-block;
  background-color: #f2f2f2;
  padding: 6px;
  border-radius: var(--radius-sm);
  color: var(--primary);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.profile-navbar.bootstrap.custom-container
  .navbar-collapse.categories
  .list-item
  a.nav-link
  svg {
  width: 16px;
  height: 16px;
  position: relative;
  top: 0;
  right: 0;
}
.profile-navbar.bootstrap.custom-container
  .navbar-collapse.categories
  .list-item:not(:last-child)
  a.nav-link:hover
  .icon-box {
  background-color: var(--primary-light);
  color: var(--primary);
  box-shadow: var(--shadow-md);
}
.profile-navbar.bootstrap.custom-container
  .navbar-collapse.categories
  .list-item
  a.nav-link:hover
  .icon-box {
  background-color: rgba(236, 27, 49, 0.1);
  color: var(--error);
  box-shadow: 0 2px 8px rgba(236, 27, 49, 0.1);
}
.profile-navbar.bootstrap.custom-container
  .navbar.list-category
  .navbar-toggler {
  color: var(--primary);
  border-color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  font-size: 13px;
  padding: 8px 8px 6px 10px;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
}
.profile-navbar.bootstrap.custom-container
  .navbar.list-category
  .navbar-toggler
  i {
  position: relative;
  top: 3px;
}
.profile-navbar.bootstrap.custom-container
  .navbar.list-category
  .navbar-toggler:hover,
.profile-navbar.bootstrap.custom-container
  .navbar.list-category
  .navbar-toggler:focus {
  background: var(--primary-dark);
  border-color: var(--primary-dark) !important;
  color: var(--white) !important;
}
.profile-navbar .btn-close-offcanvas {
  display: flex !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0px !important;
  margin: 0 !important;
  z-index: 1061 !important;
}
.profile-navbar .btn-close-offcanvas svg {
  width: 22px !important;
  height: 22px !important;
  stroke: var(--third) !important;
  stroke-width: 2 !important;
}
.profile-navbar .btn-close-offcanvas:hover,
.profile-navbar .btn-close-offcanvas:focus {
  background-color: var(--third-light) !important;
  box-shadow: 0 2px 8px rgba(236, 27, 49, 0.1);
  outline: none !important;
}
.profile-navbar .offcanvas-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 1040 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}
.profile-navbar .offcanvas-overlay.show {
  opacity: 1 !important;
  visibility: visible !important;
}
.profile-navbar .navbar-toggler {
  cursor: pointer !important;
  z-index: 100 !important;
}
.profile-navbar .navbar-toggler .navbar-toggler-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.profile-navbar .navbar-toggler .navbar-toggler-icon svg {
  width: 18px;
  height: 18px;
  position: relative;
  top: -1px;
}
@media (max-width: 576.98px) {
  .profile-navbar .offcanvas-collapse {
    margin-top: 50px !important;
  }
}
@media (min-width: 577px) and (max-width: 991.98px) {
  .profile-navbar .offcanvas-collapse {
    margin-top: 66px;
  }
}
@media (max-width: 991.98px) {
  .profile-navbar .offcanvas-collapse {
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 80% !important;
    max-width: 320px !important;
    background: var(--white) !important;
    z-index: 1060 !important;
    overflow-y: auto !important;
    padding: 0 !important;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.3s ease-in-out;
  }
  .profile-navbar .offcanvas-collapse.open {
    transform: translateX(0) !important;
  }
  .profile-navbar .offcanvas-collapse:not(.open) {
    transform: translateX(100%) !important;
  }
  .profile-navbar .offcanvas-collapse .offcanvas-header {
    display: flex !important;
    justify-content: space-between;
    padding: 12px 0 !important;
    background: var(--white) !important;
    align-items: center;
    border-bottom: 1px solid var(--gray-bg-light);
    margin-bottom: 6px;
  }
  .profile-navbar .offcanvas-collapse .list-item .nav-link {
    padding: 12px 0 !important;
  }
  .profile-navbar.bootstrap.custom-container .navbar.list-category {
    border: 0 !important;
    border-bottom: 1px solid var(--border-light) !important;
    border-radius: 0 !important;
    padding: 10px 15px !important;
    margin-bottom: 15px !important;
  }
  .profile-navbar.bootstrap.custom-container div#navbarsExampleDefault {
    border-radius: 0 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important;
    height: 100%;
  }
}
.profile-navbar .list-item .nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
}
.profile-navbar .list-item .nav-link .icon-box {
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.profile-navbar .list-item:first-child .nav-link strong {
  font-weight: 600 !important;
}
@media (max-width: 991.98px) {
  #wrapper:has(.profile-navbar) .col-md-9,
  #wrapper:has(.profile-navbar) .col-md-3 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #wrapper:has(.profile-navbar) .main {
    padding-top: 0 !important;
  }
  #wrapper:has(.profile-navbar) .offcanvas-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  #wrapper:has(.profile-navbar) .offcanvas-overlay.show {
    opacity: 1;
    visibility: visible;
  }
}
/* ================================
  صفحه پروفایل کاربری (داشبورد)
  ================================ */
.panel .panel-body.tile-blocks {
  padding: 20px 0;
}
.panel .panel-body.tile-blocks .tile-block {
  padding: 14px 14px 10px !important;
  position: relative;
  font-size: 13px;
  line-height: 2;
}
.panel .panel-body.tile-blocks .tile-block h3 {
  margin: 0 0 12px;
  font-size: 14px;
  background: var(--gray-bg);
  color: var(--primary);
  padding: 12px 12px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-light);
}
.panel .panel-body.tile-blocks .tile-block:hover h3 {
  border-color: var(--primary-border);
  background-color: var(--primary-light);
}
/* ================================
  صفحه سفارشات (پروفایل)
  ================================ */
.profile-content .tabpanel ul.nav {
  background: var(--white);
  border: 1px solid var(--border-light);
  box-shadow: var(--shadow-sm) !important;
  border-radius: 10px;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  margin-bottom: 18px !important;
  padding: 12px;
}
.profile-content .tabpanel ul.nav .nav-link {
  color: var(--black-light);
  border-radius: var(--radius-sm);
  padding: 8px 14px;
  font-size: 13px;
  white-space: nowrap;
}
.profile-content .tabpanel ul.nav .nav-link:hover {
  color: var(--primary);
}
.profile-content .tabpanel ul.nav .active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white) !important;
  border-bottom-color: transparent;
  box-shadow: 0 4px 6px var(--primary-shadow-heavy);
  border-radius: var(--radius-sm);
  padding: 8px 14px;
}
.profile-content {
  overflow: visible;
}
.profile-content .tabpanel .tab-content {
  overflow: hidden;
}
.profile-content .tabpanel .tab-content .tab-pane {
  margin-bottom: 0;
  border: 0 !important;
}
.profile-content .tabpanel .tab-content .tab-pane .alert {
  margin: 20px;
}
.profile-content .table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--white);
}
.profile-content .table-striped tbody tr:nth-of-type(even) {
  background-color: #f8f8f8;
}
.profile-content .table tr:not(:last-child) {
  border-bottom: 1px solid #f4f4f4;
}
.profile-content .tabpanel .tab-content .tab-pane tr:hover {
  background-color: #f4f4f4;
}
.profile-content .tabpanel .tab-content .tab-pane tr td:first-child a {
  color: var(--third) !important;
  position: relative;
  top: 3px;
}
.profile-content .tabpanel .tab-content .tab-pane a.btn {
  border-color: var(--primary);
  color: var(--primary);
  width: 90px !important;
}
.profile-content .tabpanel .tab-content .tab-pane a.btn:hover {
  background-color: var(--primary);
  color: var(--white);
}
/* ================================
  صفحه فاکتور
  ================================ */
.page-billing .container-invoice {
  padding: 20px;
  position: relative;
}
.page-billing .container-invoice button.btn {
  padding: 8px;
  width: 120px !important;
}
.page-billing .container-invoice .cart-row.p-0.mt-3 {
  border-top: 0;
}
.page-billing .container-invoice .cart-row {
  border-color: var(--border-light);
}
.container-invoice .cart-row h3 {
  color: var(--third) !important;
  font-size: 15px !important;
}
.container-invoice .table tr:hover {
  background-color: var(--gray-bg-light);
}
.page-billing .container-invoice .media-body a {
  color: var(--primary);
}
.page-billing .container-invoice table.table.table-hover.table-cart thead th {
       width: 50% !important;
}

.page-billing .container-invoice table.table.table-hover.table-cart tbody .media .media-body a {
    text-wrap: wrap;
}
/* ================================
  صفحه تغییر شماره موبایل
  ================================ */
.profile-content .profile-card h4.card-header.border-0.form-headline,
.form-horizontal .form-headline {
  margin: 0 0 15px;
  width: 100%;
}
.profile-content .btn-primary {
  width: 120px !important;
  margin: 0 !important;
}
.profile-content .form-group code {
  color: var(--third);
  background-color: var(--third-light);
  box-shadow: var(--shadow-lg);
  padding: 2px 6px;
  border-radius: 4px;
}
.profile-content .profile-card .alert-warning {
  border-right: 3px solid var(--secondary);
  color: var(--secondary);
  background-color: var(--secondary-light-background);
   box-shadow: var(--shadow-md);
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: var(--radius-sm);
  font-size: 14px;
  line-height: 1.8;
}
.profile-content
  .form-horizontal
  p.alert.alert-warning.p-3.mt-3.mx-0.w-100.rounded {
  border-right: 3px solid var(--primary);
  color: var(--primary);
  background-color: var(--primary-light);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: var(--radius-sm);
  font-size: 13px;
  line-height: 1.8;
}
.profile-content
  .form-horizontal
  p.alert.alert-warning.p-3.mt-3.mx-0.w-100.rounded
  strong {
  line-height: 2;
  display: inline-block;
  margin-bottom: 8px;
}
.profile-content .panel .panel-body {
  padding: 0;
}
.profile-content .form-horizontal .form-btn {
  margin: 0;
}
.profile-card
  .card-service:has(input[name="password_confirmation"])
  input.btn.btn-primary {
  margin-top: 5px !important;
}
.password-alert ul li:before {
  content: "\f111";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: relative;
  color: var(--secondary);
  top: -1px;
  font-size: 6px;
  padding-left: 7px;
  font-weight: 600;
}
.password-alert ul li {
  font-size: 13px;
  line-height: 2;
}
.password-alert strong {
  font-size: 14px;
}
html[data-page="fa/profile/edit"] .form-horizontal,
html[data-page="fa/profile/mobile"] .pt-3,
html[data-page="fa/profile/account"] .pt-3 {
  padding-top: 0 !important;
}
html[data-page="fa/profile/account"] .alert-warning {
  margin-bottom: 4px;
}
@media (min-width: 991.98px) and (max-width: 1199.98px) {
  .page-profile .main {
    padding-top: 30px;
  }
}
html[data-page="fa/profile/edit"] .form-headline,
html[data-page="fa/profile/edit"] .panel-heading {
  margin-bottom: 8px !important;
}
/* ================================
  فرم فراخوان تامین کنندگان کالا
  ================================ */
.form-form.form-contact-us .radiogroup {
  border-radius: var(--radius-lg) !important;
  padding: 3px !important;
  background-color: var(--gray-bg-light);
  border: 1px solid var(--border-light);
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  padding: 8px !important;
}
.form-form.form-contact-us .radiogroup .radiogroup-item {
  margin-bottom: 0 !important;
  line-height: 1.6;
}
.form-form.form-contact-us .radiogroup .radiogroup-item input {
  position: relative;
  top: 3px;
  margin-left: 4px;
}
.form-form.form-contact-us .form-group-description.alert-warning {
    border: 1px solid var(--secondary-border);
    color: var(--secondary);
    background-color: var(--secondary-light);
    border-radius: var(--radius-sm);
    font-size: 12px;
    line-height: 2;
    padding: 8px;
}
.form-form.form-contact-us input.btn.btn-primary {
  width: 120px;
  margin-right: auto;
  margin-left: 0;
}
.form-form.form-contact-us .form-btn {
  margin: 0;
}
.form-form.form-contact-us .form-group-captcha {
  display: flex;
  align-items: center;
  padding: 18px !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-lg) !important;
  margin-bottom: 15px !important;
  justify-content: space-between;
}
.form-form.form-contact-us .form-group-captcha .captcha-label {
  margin-bottom: 0;
  padding-right: 0;
}
.form-form.form-contact-us .form-group-captcha .captcha-label span {
  background: var(--white);
  border-radius: var(--radius-sm);
  cursor: pointer;
}
.form-form.form-contact-us .form-group-captcha .captcha-label span img {
  height: 42px;
  border-radius: var(--radius-sm);
  display: block;
}
.form-form.form-contact-us .form-group-captcha .form-control {
  flex: 1;
}
@media (max-width: 767.98px) {
  .form-form.form-contact-us .form-group .col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
  }
  .form-form.form-contact-us .form-group .col-sm-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .form-form.form-contact-us .form-group:not(.form-group-captcha) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.form-form.form-contact-us .form-group .col-sm-8 input[type="file"] {
  width: 100%;
}
@media (min-width: 768px) {
  .form-form.form-contact-us .form-group .col-sm-3 {
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 0;
  }
  .form-form.form-contact-us .form-group .col-sm-8 {
    flex: 0 0 80%;
    max-width: 80%;
    padding-left: 0;
    padding-right: 0;
  }
  .form-form.form-contact-us .form-group:not(.form-group-captcha) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* ================================
  مناقصه و مزایده
  ================================ */
.page-tender .page-content .col-md-9 .row {
  margin: 0;
}
.page-tender .page-content table.tender-table {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
  padding: 0;
  display: block;
  width: 100%;
  overflow-x: auto;
}
.page-tender .page-content table.tender-table thead th {
  background: var(--gray-bg) !important;
  color: var(--black-light) !important;
  font-size: 14px !important;
  padding: 12px !important;
  text-align: right !important;
}
.page-tender .page-content table.tender-table tbody th {
  color: var(--black-light) !important;
  font-size: 14px !important;
  font-weight: 400;
  padding: 10px 12px !important;
  text-align: right !important;
}
.page-tender .page-content table.tender-table td {
  padding: 10px 12px;
  color: var(--gray);
  border-bottom: 1px solid var(--border-light);
}
.page-tender .page-content table.tender-table tbody th .fas {
  font-size: 6px;
  position: relative;
  top: -1px;
  color: var(--primary);
}
.page-tender .page-content table.tender-table tbody tr:hover {
  background: var(--gray-bg-light);
}
.page-tender .page-content table.tender-table tbody tr:hover th a {
  color: var(--primary) !important;
}
.page-tender
  .tender-table
  tbody
  td[data-col="edition"]:not([data-tender-edition="1"]) {
    background-color: var(--secondary-light-background);
    color: var(--secondary);
    border-bottom: 1px solid var(--secondary) !important;
}
.page-tender .page-content table.tender-table tbody th {
  width: 40% !important;
}
.page-tender .page-content table.tender-table tbody td {
  width: 15% !important;
  text-wrap: nowrap;
}
.page-single-blog.page-tender-show .blog-item {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
  overflow: hidden;
}
.page-single-blog.page-tender-show .blog-item .title {
  background-color: var(--gray-bg);
  color: var(--primary);
}
.page-single-blog.page-tender-show .blog-item .table-tender .table {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
  margin-bottom: 0;
}
.page-single-blog.page-tender-show .blog-item .table-tender .table th {
  border: 1px solid var(--border-light);
}
.page-single-blog.page-tender-show .blog-item .table-tender .table td {
  border: 1px solid var(--border-light);
  font-size: 14px;
  line-height: 1.8;
}
.page-single-blog.page-tender-show .blog-item .info table {
  border: 0 !important;
  box-shadow: none !important;
}
.page-single-blog.page-tender-show .blog-item .info table tbody tr td {
  border: 0 !important;
}
.page-single-blog.page-tender-show .blog-text-content .info .table-responsive {
  padding: 20px;
  margin-bottom: 14px;
}
.page-single-blog.page-tender-show .card-attach .card-info .icon {
  color: var(--primary);
  top: -2px;
}
.page-single-blog.page-tender-show .post-attachement .post-attachement-content .post-attach a.card.card-attach i.icon.fa.fa-download {
        top: -6px;
}
.page-single-blog.page-tender-show .title-attach {
  font-size: 14px;
  color: var(--black-light);
}
.page-single-blog.page-tender-show .title-attach .icon {
  color: var(--primary);
}
.pages.page-blog.page-single-blog
  .content-blog
  .carousel-cell
  a[data-fancybox="gallery"] {
  padding: 0 !important;
  box-shadow: none;
  border: 0 !important;
}
.pages.page-blog.page-single-blog
  .content-blog
  .carousel-cell
  a[data-fancybox="gallery"]
  .gallery-img-overlay {
  overflow: hidden;
  border-radius: var(--radius-md) !important;
}
.pages.page-blog.page-single-blog
  .content-blog
  .carousel-cell:has(a[data-fancybox="gallery"]) {
  padding: 0 8px;
}
.pages.page-blog.page-single-blog
  .content-blog
  .carousel-cell
  a[data-fancybox="gallery"] {
  overflow: hidden;
  position: relative;
  display: block;
}
.pages.page-blog.page-single-blog
  .content-blog
  .carousel-cell
  a[data-fancybox="gallery"]
  img {
  object-fit: cover;
}
.pages.page-blog.page-single-blog
  .content-blog
  .carousel
  .flickity-prev-next-button.next {
  right: 2px !important;
}
.pages.page-blog.page-single-blog
  .content-blog
  .carousel
  .flickity-prev-next-button.previous {
  left: 2px !important;
}
.pages.page-blog.page-single-blog
  .content-blog
  .carousel:has(a[data-fancybox="gallery"])
  .gallery-img-overlay
  .icon {
  font-size: 32px;
  opacity: 0.5;
}
/* ================================
  صفحات خرید و فروش
  ================================ */
html[data-page="fa/page/manage-supplier-relationships"] .table-responsive {
     overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
html[data-page="fa/page/manage-supplier-relationships"] .table-responsive table {
    width: 100% !important;
}
html[data-page="fa/page/manage-supplier-relationships"] .content-text {
    padding-bottom: 20px;
}
html[data-page="fa/page/products/product-catalog-steel"] .tab-content,
html[data-page="fa/page/products/product-catalog-iron"] .tab-content {
    padding: 20px;
}
.table-responsive:has(.table-custom) {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
  overflow: auto;
}
.table-responsive table.table.table-custom.text-center {
  box-shadow: none !important;
  border: 0 !important;
  border-radius: var(--radius-md) !important;
}
.table-responsive .table-custom thead td {
  background: var(--gray-bg) !important;
  color: var(--black-light) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 12px !important;
}
.table-responsive .table-custom tbody td {
  padding: 10px 12px !important;
  color: #6a6a6a;
  border-bottom: 1px solid var(--border-light);
  /*white-space: nowrap;*/
}
.table-responsive .table-custom thead td {
  border-top: 0;
}
.table-custom thead {
  background: transparent;
}
.table-custom thead.dark-bg {
  background: var(--gray-bg) !important;
}
/* ================================
  صفحات سهام
  ================================ */
html[data-page="fa/page/portal-guide"] .content-text figure .img-fluid {
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
}
html[data-page="fa/page/portal-guide"] .content-text .card-attach {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
}
html[data-page="fa/page/portal-guide"] .content-text .card-attach:hover {
  box-shadow: var(--shadow-md) !important;
  border-color: var(--primary-border) !important;
  transform: scale(1);
}
html[data-page="fa/page/portal-guide"] .card-attach .card-info,
html[data-page="fa/page/portal-guide"] .row-dn {
  padding: 20px !important;
}
html[data-page="fa/page/portal-guide"] .card-attach .card-info {
  border-bottom: 1px dashed var(--border-light);
}
html[data-page="fa/page/portal-guide"] .card-attach .card-info .file-name {
  font-size: 15px;
  color: var(--black-light);
}
html[data-page="fa/page/portal-guide"] .row-dn {
  font-size: 14px;
}
html[data-page="fa/page/portal-guide"] .row-dn .icon-dn {
  color: var(--secondary);
  top: 9px;
}
html[data-page="fa/page/contact-exchange"] .content-text h3.title.title-danger {
  background: var(--gray-bg);
  text-align: right;
  border-right: 3px solid var(--primary) !important;
  border-bottom: 0;
  padding: 12px 12px;
  font-size: 14px;
  color: var(--black-light);
  margin-bottom: 18px !important;
  border-radius: 4px;
  line-height: 1.6;
}
html[data-page="fa/page/contact-exchange"] .content-text .text-center {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
  padding-top: 0 !important;
  overflow: hidden;
}
html[data-page="fa/page/contact-exchange"] .content-text .text-center:hover {
  box-shadow: var(--shadow-md) !important;
  border-color: var(--third-border) !important;
}
html[data-page="fa/page/contact-exchange"]
  .content-text
  .text-center
  p.text:has(strong) {
  border-bottom: 1px solid var(--border-light);
  padding: 12px 8px;
  background-color: var(--gray-bg-light);
  font-size: 15px;
  color: var(--third);
}
html[data-page="fa/page/contact-exchange"] .content-text .text-center p.text {
  color: var(--black-light);
  font-size: 14px;
}
html[data-page="fa/page/show/1560"] .blog-item .a3s.aiL a {
  color: var(--third);
  font-size: 12px;
  display: inline-block;
  line-height: 1.8;
}
html[data-page="fa/page/show/1560"] .blog-item .a3s.aiL a:hover {
  color: var(--third-dark);
}
html[data-page="fa/page/show/1560"] .blog-item .a3s.aiL h1 {
  display: block;
  margin: 20px 0 14px;
}
html[data-page="fa/page/show/1560"] .blog-item .a3s.aiL h1 span {
  font-size: 15px;
}
html[data-page="fa/page/show/1560"] .blog-item .a3s.aiL h1 span::before {
  content: "\f111";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: relative;
  color: var(--primary);
  top: 0;
  right: 0;
  font-size: 6px;
  padding-left: 6px;
  font-weight: 600;
  opacity: 1;
}
html[data-page="fa/page/show/1560"] .blog-item .blog-title {
  border-bottom: 1px dashed #ddd;
}
html[data-page="fa/page/show/1560"] .page-single-blog .blog-item .blog-text {
  padding-top: 0;
}
/* ================================
  صفحات مسئولیت‌های اجتماعی
  ================================ */
html[data-page="fa/page/citizenship-campaign"]
  .page-content.page-content-text.page-content-course
  .text-highlight {
  background: var(--gray-bg);
  text-align: right;
  border-right: 3px solid var(--third) !important;
  border-bottom: 0;
  padding: 12px 12px;
  font-size: 14px;
  color: var(--black-light);
  border-radius: 4px;
  line-height: 1.6;
  margin: 8px 0;
}
html[data-page="fa/page/citizenship-campaign"]
  .page-content-course
  .section-info-text {
  padding-top: 0;
}
html[data-page="fa/page/citizenship-campaign"]
  .page-content-course
  ul.list-group.list-number {
  padding: 0;
}
html[data-page="fa/page/citizenship-campaign"] .pages-content-row {
  border-bottom: 1px dashed #ededed;
}
html[data-page="fa/page/citizenship-campaign"]
  .page-content-course
  .course-title
  strong {
  margin-top: 12px;
  font-weight: 400;
}
html[data-page="fa/page/citizenship-campaign"]
  .page-content-course
  .pages-content-row
  .title {
  font-size: 16px;
}
html[data-page="fa/page/citizenship-campaign"] .pages-content-row .title {
  padding-bottom: 0;
}
.page-content-course .course-title {
  background: none !important;
  position: relative;
  overflow: hidden;
  height: 190px;
  padding-top: 55px;
  text-align: center;
  display: inline-block;
  line-height: 1.8;
  float: right;
  margin-left: 15px;
  z-index: 1;
}
@media (min-width: 767px) {
    .page-content-course .course-title {
      width: 170px;
    }
}
@media (max-width: 766.98px) {
    .page-content-course .course-title {
      width: 100%;
    }
}
.page-content-course .course-title::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7.5rem;
  font-weight: 900;
  color: rgba(0, 128, 128, 0.29);
  z-index: -1;
  pointer-events: none;
  text-align: center;
  font-family: inherit;
  mask-image: linear-gradient(to bottom, transparent 0%, #008080 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #008080 100%);
}
.pages-content-row:nth-of-type(1) .course-title::before {
  content: "۱";
}
.pages-content-row:nth-of-type(2) .course-title::before {
  content: "۲";
}
.pages-content-row:nth-of-type(3) .course-title::before {
  content: "۳";
}
.pages-content-row:nth-of-type(4) .course-title::before {
  content: "۴";
}
.pages-content-row:nth-of-type(5) .course-title::before {
  content: "۵";
}
.pages-content-row:nth-of-type(6) .course-title::before {
  content: "۶";
}
.pages-content-row:nth-of-type(7) .course-title::before {
  content: "۷";
}
.pages-content-row:nth-of-type(8) .course-title::before {
  content: "۸";
}
.pages-content-row:nth-of-type(9) .course-title::before {
  content: "۹";
}
.pages-content-row:nth-of-type(10) .course-title::before {
  content: "۱۰";
}
.pages-content-row:nth-of-type(11) .course-title::before {
  content: "۱۱";
}
.pages-content-row:nth-of-type(12) .course-title::before {
  content: "۱۲";
}
/* صفحه HSE */
.page-hse {
  padding: 20px 15px 20px;
}
.page-hse .hse-hero {
  text-align: center;
  margin-bottom: 30px;
}
.page-hse .hse-hero-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--black-light);
}
.page-hse .hero-underline {
  width: 80px;
  height: 4px;
  background: var(--primary);
  margin: 15px auto 15px;
  border-radius: var(--radius-sm);
}
.page-hse .hero-subtitle {
  color: var(--gray);
  font-size: 17px;
}
.page-hse .hse-card {
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
}
.page-hse .hse-card:hover {
  box-shadow: var(--shadow-lg) !important;
  border-color: var(--primary-border) !important;
}
.page-hse .hse-card .bg-icon {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 110px;
  color: var(--primary);
  opacity: 0.04;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.page-hse .hse-card:hover .bg-icon {
  opacity: 0.1;
}
.page-hse .card-icon-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed var(--border-light);
}
.page-hse .card-icon-header .icon-svg-wrap {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-light-background);
  border-radius: var(--radius-lg);
  transition: all 0.25s ease;
  box-shadow: var(--shadow-md);
}
.page-hse .card-icon-header .icon-svg-wrap svg {
  width: 20px;
  height: 20px;
  color: var(--primary);
  transition: all 0.25s ease;
}
.page-hse .hse-card:hover .card-icon-header .icon-svg-wrap {
  background: var(--primary);
}
.page-hse .hse-card:hover .card-icon-header .icon-svg-wrap svg {
  color: #fff;
}
.page-hse .hse-card-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: var(--black-light);
  line-height: 2;
}
.page-hse .hse-value-header::before {
  content: "\f111";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: relative;
  color: var(--third);
  top: -1px;
  font-size: 8px;
  padding-left: 8px;
  font-weight: 600;
}
.page-hse .hse-text {
  font-size: 15px;
  color: var(--gray);
  margin-bottom: 0;
  text-align: justify;
  line-height: 1.8;
}
.page-hse .hse-values-list {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
}
.page-hse .hse-values-list li {
  padding: 12px 0;
  border-bottom: 1px solid var(--gray-bg-light);
  transition: all 0.2s;
}
.page-hse .hse-values-list li:last-child {
  border-bottom: none;
}
.page-hse .hse-value-header {
  margin-bottom: 8px;
}
.page-hse .hse-values-list .icon-svg-wrap {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-light-background);
  border-radius: var(--radius-md);
  transition: all 0.25s ease;
}
.page-hse .hse-values-list .icon-svg-wrap svg {
  width: 16px;
  height: 16px;
  color: var(--primary);
}
.page-hse .hse-values-list li:hover .icon-svg-wrap {
  background: var(--primary);
}
.page-hse .hse-values-list li:hover .icon-svg-wrap svg {
  color: #fff;
}
.page-hse .hse-values-list strong {
  font-weight: 700;
  font-size: 16px;
  color: var(--black-light);
}
.page-hse .hse-text-small {
  font-size: 14px;
  color: var(--gray);
  margin: 0;
  text-align: justify;
  line-height: 1.8;
}
.hse-image-wrapper {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 220px;
}
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s;
}
.hse-card:hover .img-cover {
  transform: scale(1.02);
}
@media (max-width: 768px) {
  .page-hse .hse-card {
    padding: 15px;
  }
  .hse-image-wrapper {
    margin-top: 15px;
    min-height: 180px;
  }
  .page-hse .hse-value-header {
    gap: 8px;
  }
  .page-hse .hse-values-list .icon-svg-wrap {
    width: 32px;
    height: 32px;
  }
}
/* قوانین، مقررات و استانداردها */
html[data-page="fa/page/rules"] ol.list-group.list-number.rules {
  overflow: hidden;
}
html[data-page="fa/page/rules"] .list-number.rules > li {
  border-bottom: 1px solid var(--border-light);
}
html[data-page="fa/page/rules"] .list-number.rules > li:hover {
  color: var(--primary);
  background-color: var(--gray-bg-light);
}
html[data-page="fa/page/rules"] .list-number.rules > li:hover::before {
  color: var(--primary);
}
/* ============================================
  CSS مدرن برای بخش HSE 
  ============================================ */
.policy-hse-modern-card {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
}
.policy-hse-modern-card:hover {
  box-shadow: var(--shadow-md) !important;
  border-color: var(--primary-border) !important;
}
.policy-hse-bg-icon {
  position: absolute;
  bottom: 0;
  left: 20px;
  font-size: 110px;
  color: var(--primary);
  opacity: 0.04;
  transition: opacity 0.3s ease;
  pointer-events: none;
  transform: rotate(35deg);
}
.policy-hse-modern-card:hover .policy-hse-bg-icon {
  opacity: 0.1;
}
.policy-hse-description {
  font-size: 15px;
  color: var(--black-light);
  text-align: justify;
  font-weight: 400;
  line-height: 2;
  margin-bottom: 0;
}
.policy-hse-image-wrapper {
  overflow: hidden;
  transition: all 0.3s ease;
}
.policy-hse-img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
  object-fit: cover;
}
.policy-hse-modern-card:hover .policy-hse-img {
  transform: scale(1.02);
}
.policy-hse-list-section {
  margin: 20px 0 10px;
}
.policy-hse-numbered-list {
  list-style: none;
  counter-reset: hse-counter;
  padding: 0;
  margin: 0;
}
.policy-hse-numbered-list li {
  counter-increment: hse-counter;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 0;
  font-size: 14px;
  color: var(--black-light);
  border-bottom: 1px solid var(--gray-bg-light);
  transition: all 0.2s;
  line-height: 2;
  text-align: justify;
}
.policy-hse-numbered-list li:last-child {
  border-bottom: none;
}
.policy-hse-numbered-list li::before {
  content: counter(hse-counter);
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background: var(--primary-border);
  color: var(--primary);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  transition: all 0.2s ease;
  box-shadow: var(--shadow-md);
  position: relative;
  top: 2px;
}
.policy-hse-numbered-list li:hover {
  color: var(--primary);
}
.policy-hse-numbered-list li:hover::before {
  background: var(--primary);
  color: var(--white);
}
.page-policy .policy-intro p {
  font-size: 15px;
  color: var(--black-light);
  text-align: justify;
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 768px) {
  .policy-hse-modern-card {
    padding: 1rem;
  }
  .policy-hse-numbered-list li {
    gap: 8px;
    padding: 10px 4px;
    font-size: 13px;
  }
  .policy-hse-numbered-list li::before {
    width: 22px;
    height: 22px;
    font-size: 10px;
  }
  .policy-hse-description {
    font-size: 14px;
    line-height: 1.75;
  }
  .policy-hse-bg-icon {
    font-size: 70px;
    bottom: 10px;
  }
}
/* ============================================
  صفحات واحدهای تولیدی و طرح و توسعه
  ============================================ */
html[data-page="fa/page/desalination"] .content-text .list-group {
  padding-right: 0;
}
html[data-page="fa/page/desalination"] .pages .section-box .section-box-title {
  font-size: 15px;
  color: var(--black-light);
  background: var(--gray-bg-light);
  border-bottom: 1px solid var(--border-light) !important;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 0;
}
html[data-page="fa/page/desalination"]
  .pages
  .section-box
  ul.list-group.list-number:not(.bold-number)
  > li:before {
  background: var(--primary) !important;
}
html[data-page="fa/page/desalination"] .list-number.bold-number > li .text {
  text-align: justify;
}
html[data-page="fa/page/desalination"] p,
html[data-page="fa/page/desalination"]
  .section-box-col
  .section-box
  .list-group {
  margin-bottom: 8px;
}
html[data-page="fa/page/industrial-gases"]
  .container.md-container
  h3.title.title-danger,
html[data-page="fa/page/physical-development-projects"] h3.title.title-danger {
  background: var(--gray-bg);
  border-bottom: 0px solid var(--third) !important;
  border-right: 0 !important;
  padding: 10px 12px;
  font-size: 13px;
  color: var(--third);
  margin-bottom: 18px !important;
  border-radius: 6px;
  line-height: 1.6;
}
html[data-page="fa/page/industrial-gases"] .container.md-container strong {
  font-size: 12px;
  margin-top: 12px !important;
  line-height: 2;
  display: block;
  color: var(--primary);
}
html[data-page="fa/page/industrial-gases"] .container.md-container {
  margin-bottom: 0 !important;
}
html[data-page="fa/page/current-projects/water-supply-treatment-and-distribution"]
  .tab-content
  .content-text
  .list-group {
  padding-right: 0;
}
/* ============================================
  طرح‌های توسعه 
  ============================================ */
.page-development-plans {
  padding: 20px 0 40px;
  position: relative;
}
.page-development-plans .bg-icon-pattern {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 110px;
  color: var(--primary);
  opacity: 0.04;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 0;
}
.page-development-plans .dev-card {
  padding: 20px;
  margin-bottom: 30px;
}
.page-development-plans .card-icon-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed var(--border-light);
}
.page-development-plans .icon-svg-wrap {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-light-background);
  border-radius: var(--radius-lg);
  transition: all 0.25s ease;
  box-shadow: var(--shadow-md);
}
.page-development-plans .icon-svg-wrap svg {
  width: 20px;
  height: 20px;
  color: var(--primary);
  transition: all 0.25s ease;
}
.page-development-plans .dev-card:hover .card-icon-header .icon-svg-wrap {
  background: var(--primary);
}
.page-development-plans .dev-card:hover .card-icon-header .icon-svg-wrap svg {
  color: #fff;
}
.page-development-plans .dev-card-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: var(--black-light);
  line-height: 2;
}
.page-development-plans .dev-card-title::before {
  content: "\f111";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: relative;
  color: var(--primary);
  top: -1px;
  font-size: 8px;
  padding-left: 8px;
  font-weight: 600;
}
.page-development-plans .dev-text {
  font-size: 15px;
  color: var(--gray);
  margin-bottom: 0;
  text-align: justify;
  line-height: 2;
}
.page-development-plans .dev-image-wrapper {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform 0.4s ease;
}
.page-development-plans .dev-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: all 0.3s;
}
.page-development-plans .dev-card:hover .dev-image-wrapper img {
  transform: scale(1.01);
}
@media (max-width: 768px) {
  .page-development-plans .dev-card {
    padding: 24px 20px;
  }
  .page-development-plans .dev-card-title {
    font-size: 18px;
  }
  .page-development-plans .card-icon-header .icon-svg-wrap {
    width: 44px;
    height: 44px;
    max-width: 44px;
    min-width: 44px;
  }
  .page-development-plans .card-icon-header .icon-svg-wrap svg {
    width: 20px;
    height: 20px;
  }
  .page-development-plans .dev-text {
    font-size: 14px;
  }
  .page-development-plans .dev-image-wrapper {
    margin-top: 24px;
  }
  .row > [class*="col-"] {
    order: 0 !important;
  }
}
/* ================================
  صفحات فناوری
  ================================ */
.custom-form .custom-form-label span {
  position: relative !important;
  background: var(--white);
  top: 0;
  right: 0;
  padding: 0;
}
html[data-page="fa/page/r-and-d/achievements-rd"] .tab-content,
html[data-page="fa/page/r-and-d/rd-articles"] .tab-content,
html[data-page="fa/page/r-and-d/research-projects-rd"] .tab-content {
  padding: 20px;
}
html[data-page="fa/page/r-and-d/research-needs-and-priorities-rd"]
  .tab-content {
  padding: 0 20px;
}
html[data-page="fa/page/r-and-d/introducing-the-r-d-unit"] .tab-content {
  padding: 20px 0 20px;
}
html[data-page="fa/page/r-and-d/achievements-rd"] .tab-content img {
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
}
.tab-content .custom-datatable-content {
  border: 0;
}
.tab-content .custom-datatable-content .dataTables_wrapper .bottom {
  padding: 0 0 20px;
}
.tab-content table.dataTable.no-footer {
  margin-top: 0 !important;
}
.tab-content table.dataTable thead th {
  padding-right: 30px !important;
}
html[data-page="fa/page/r-and-d/rd-articles"]
  .tab-content
  div.dataTables_wrapper
  div.dataTables_paginate {
  display: flex;
  flex-wrap: wrap;
}
html[data-page="fa/page/r-and-d/rd-articles"]
  .tab-content
  div.dataTables_wrapper
  div.dataTables_paginate
  .paginate_button {
  border-radius: 4px;
}
html[data-page="fa/page/r-and-d/rd-articles"]
  .tab-content
  div.dataTables_wrapper
  div.dataTables_paginate
  .paginate_button {
  background-color: var(--gray-bg-light);
  border: 1px solid var(--border-light);
  margin: 2px;
  border-radius: 4px !important;
  padding: 8px 12px 6px !important;
  display: inline-block;
}
.custom-datatable-content
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button:hover,
.custom-datatable-content
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button:focus,
.custom-datatable-content
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current {
  background-color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  color: #fff;
}
table.dataTable.no-footer {
  border-bottom: 1px solid var(--border-light) !important;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 0;
}
.tab-content .custom-datatable-content .dataTables_filter label:after {
  top: 4px !important;
}
.project-tab-content .footer-text {
  margin-top: 15px;
  border-radius: 12px;
}
.project-tab-content .link-project-form a {
  border-radius: var(--radius-sm);
  font-size: 12px;
  padding: 8px 10px;
  border: 1px solid var(--secondary-border) !important;
  color: var(--secondary);
  background-color: transparent;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--shadow-md);;
  margin: 18px;
}
.project-tab-content .link-project-form a:hover,
.project-tab-content .link-project-form a:focus {
    background-color: var(--secondary-light);
    box-shadow: var(--shadow-md);
}
.custom-datatable-content .dataTables_wrapper .top {
    background-color: transparent;
}
div.dataTables_wrapper div.dataTables_filter input, .custom-datatable-content .dt-buttons .dt-button, div.dataTables_wrapper div.dataTables_length select {
    border: 1px solid #eee !important;
}
.custom-datatable-content table.dataTable thead th,
.custom-datatable-content table.dataTable thead td {
  border-bottom: 0px solid var(--primary);
}
.page-content:has(.form-research-project) {
    padding-bottom: 50px;
}
.form-research-project .custom-form-label {
  padding: 0;
  border: 0;
}
.form-research-project .custom-form-label .star {
    font-size: 0;
    top: 4px !important;
}
.form-research-project
  .custom-form-label
  .custom-radio
  .custom-control-label:after,
.form-research-project
  .custom-form-label
  .custom-radio
  .custom-control-label:before {
  right: 0;
  top: 2px;
}
html[data-page="fa/form/suggest-research-plan"]
  .page-form
  .form-group-title
  .title {
  font-size: 15px;
  font-weight: 500;
  color: var(--black-light);
}
html[data-page="fa/form/suggest-research-plan"]
  .page-form
  .form-group-title
  .title
  .icon {
  font-size: 15px;
  color: var(--primary);
  position: relative;
  top: 2px;
}
.form-research-project .label {
  margin-bottom: 8px !important;
  position: relative !important;
  display: block;
  color: var(--black-light);
  font-size: 14px;
  font-weight: 500;
}
.form-research-project .custom-file .custom-file-label span {
  background-color: transparent;
  margin-bottom: 0 !important;
}
.form-research-project .custom-file .custom-file-label span {
  font-size: 12px;
}
.form-research-project .custom-file .custom-file-label .file-name {
  top: 0 !important;
}
.form-research-project .custom-file .custom-file-label::after {
  font-size: 14px;
  background-color: transparent;
  border: 0;
}
.form-research-project .custom-form-label .form-row:has(.custom-radio) {
  border-radius: var(--radius-lg) !important;
  padding: 3px !important;
  background-color: var(--gray-bg-light);
  border: 1px solid var(--border-light);
  margin-right: 0;
  margin-left: 0;
}
.form-research-project .custom-form-label .custom-control.custom-radio label {
  margin-bottom: 0;
}
.form-research-project .custom-radio {
  border-radius: var(--radius-lg) !important;
  padding: 6px !important;
}
.form-research-project .custom-control.custom-radio label {
  padding-right: 24px;
  font-size: 12px;
  margin: 0;
}
.form-research-project .form-group-captcha img {
  height: 42px;
  border-radius: var(--radius-sm);
}
.form-research-project
  .form-group-captcha
  label.control-label.captcha-label.d-inline-block {
  margin-bottom: 0;
  margin-left: 8px;
}
.form-research-project .form-group-footer .container .form-group-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
.form-research-project .form-group-captcha {
  margin-bottom: 0;
  padding: 0 !important;
}
@media (max-width: 640px) {
  .form-research-project .form-group-footer .container .form-group-content {
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    flex-direction: column;
  }
}
.form-research-project .form-group-footer .btn {
  top: 0 !important;
  color: #fff;
  background: var(--primary) !important;
}
.form-research-project .form-group-footer .btn:hover,
.form-research-project .form-group-footer .btn:focus {
  background: var(--primary-dark) !important;
}
.form-research-project .form-group-content:not(:has(.form-group-captcha)) {
  padding: 20px 20px 0 !important;
}
.form-research-project label .star {
  font-size: 0;
}
.form-research-project label .star:before {
  content: "(اجباری)";
  font-size: 11px;
  color: var(--third);
  font-family: "danaNum", tahoma;
  font-weight: 400;
  margin-right: 0;
  position: relative;
  top: -6px;
}
.form-research-project button.btn.btn-danger {
  font-size: 12px;
  padding: 6px 8px;
  border-radius: var(--radius-sm);
}
.tab-content
  .custom-datatable-content
  div.dataTables_wrapper
  div.dataTables_info {
  padding-left: 10px;
}
.tab-content
  .custom-datatable-content
  div.dataTables_wrapper
  div.dataTables_paginate {
  padding-right: 10px;
}
.form-research-project .btn.btn-white {
    border-radius: var(--radius-sm);
    font-size: 12px;
    padding: 8px 10px;
    border: 1px solid var(--secondary-border) !important;
    color: var(--secondary);
    background-color: transparent;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: var(--shadow-md);
}
.form-research-project .btn.btn-white:hover,
.form-research-project .btn.btn-white:focus {
    background-color: var(--secondary-light);
    box-shadow: var(--shadow-md);
}
.form-research-project .btn.btn-white .btn-white-icon {
  font-size: 14px;
  margin-right: 6px;
}
.form-research-project .form-group-footer .container .form-group-captcha {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
  padding: 20px !important;
  width: 100%;
}
.form-research-project .form-group-footer .container .form-group-captcha label,
.form-group label {
  margin-bottom: 8px !important;
  display: inline-block !important;.page-hse
}
.form-research-project .form-group-footer .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  gap: 25px;
}

.pages-content-row {
    border-bottom: 1px dashed var(--border-light);
}


.page-contact .contact-captcha-box {
    display: flex;
    align-items: center;
    gap: 12px;
}
.page-contact .form-group.custom-form-label.form-group-content {
     display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    width: 100%;
}

@media (max-width: 640px) {
    .page-contact .form-group.custom-form-label.form-group-content {
        justify-content: space-between;
        align-items: flex-start;
        gap: 14px;
        flex-direction: column;
    }
}



.form-form.form-contact-us .row.form-group.form-group-captcha .col-sm-3 img {
  width: 140px;
}
.form-form.form-contact-us .row.form-group.form-group-captcha .col-sm-3 {
  flex: 0 0 155px;
  max-width: 155px;
  padding-right: 0;
}

.form-form.form-contact-us
  .row.form-group.form-group-captcha
  label.control-label.captcha-label.col-sm-3 {
  margin-bottom: 0 !important;
}

.form-form.form-contact-us .row.form-group.form-group-captcha {
  justify-content: flex-start;
}

@media (min-width: 576px) and (max-width: 842px) {
  .form-form.form-contact-us
    .row.form-group.form-group-captcha
    label.control-label.captcha-label.col-sm-3 {
    padding-bottom: 15px;
  }
}


/* ========== صفحه کتابخوانی ========== */ 
html[data-page="fa/book"] .page-content:has(.row.card.card-shadow.mb-3.no-border.pt-3)  {
        padding-right: 15px;
    padding-left: 15px
}
html[data-page="fa/book"] .row.card.card-shadow.mb-3.no-border.pt-3 .card.card-book .card-footer {
     border-top: 1px solid var(--border-light);
}
html[data-page="fa/book"] .row.card.card-shadow.mb-3.no-border.pt-3 .card.card-lets-select.p-2.mt-4.mb-4.ml-2.d-block {
      background: var(--gray-bg-light) !important;
  text-align: right !important;
border: 1px solid var(--border-light) !important;
  padding: 12px 12px !important;
  font-size: 14px !important;
  color: var(--black-light) !important;
  margin-bottom: 18px !important;
  border-radius: var(--radius-sm) !important;
  line-height: 1.6;
}
html[data-page="fa/book"] .row.card.card-shadow.mb-3.no-border.pt-3 .card.card-book img.img-cover {
    border-radius: var(--radius-sm) !important;
}
html[data-page="fa/book"] .row.card.card-shadow.mb-3.no-border.pt-3 .card-book.card-img-left .card-book-content p {
    color: var(--gray);
    font-size: 13px;
    text-align: justify;
    line-height: 1.8;
}
html[data-page="fa/book"] .row.card.card-shadow.mb-3.no-border.pt-3 .card-book.card-img-left .card-book-content .title {
    color: var(--black-light);
    font-size: 15px;
    text-align: justify;
    line-height: 1.8;
}
html[data-page="fa/book"] .row.card.card-shadow.mb-3.no-border.pt-3 h3.title.m-2 {
      background: var(--gray-bg) !important;
  text-align: right !important;
  border-right: 3px solid var(--primary) !important;
  border-bottom: 0 !important;
  padding: 12px 12px !important;
  font-size: 14px !important;
  color: var(--black-light) !important;
  margin-bottom: 18px !important;
  border-radius: 4px;
  line-height: 1.6;
}
html[data-page="fa/book"] .row.card.card-shadow.mb-3.no-border.pt-3 h3.title.m-2 hr {
    display: none;
}
html[data-page="fa/book"] .row.card.card-shadow.mb-3.no-border.pt-3 .card-body.pt-2 p {
    text-align: right;
    font-size: 16px;
    margin-bottom: 0
}




/* ================================
  صفحه اصلی
  ================================ */
/* دکمه‌های اسکرول */
html[data-page="/"]
  .page-home
  .full-screen-scroller
  .fss-dotted-scrollspy
  .fss-nav-item {
  border-radius: 30px !important;
  width: 42px;
  height: 42px;
  padding: 0 !important;
  box-shadow: var(--shadow-md);
  border: 1px solid #ffffff1c;
  color: var(--third-dark);
}
html[data-page="/"]
  .page-home
  .full-screen-scroller
  .fss-dotted-scrollspy
  .fss-nav-item:hover {
  background: #ffffffc9;
  border-color: var(--third-border);
  width: 144px;
}
html[data-page="/"]
  .page-home
  .full-screen-scroller
  .fss-dotted-scrollspy
  .fss-nav-item:before {
  padding: 0 8px !important;
  top: 3px;
  right: 4px;
  font-size: 14px;
}
html[data-page="/"]
  .page-home
  .full-screen-scroller
  .fss-dotted-scrollspy
  .fss-nav-item.active {
  border: 1px solid var(--third-border);
  box-shadow: var(--shadow-md);
}
html[data-page="/"]
  .page-home
  .full-screen-scroller
  .fss-dotted-scrollspy
  .fss-nav-item
  span {
  width: 30px;
  height: 30px;
  padding: 0 !important;
  top: 5px;
  left: 5px;
  color: var(--third);
}
html[data-page="/"]
  .page-home
  .full-screen-scroller
  .fss-dotted-scrollspy
  .fss-nav-item:nth-child(6).fss-nav-item:hover
  span {
  left: 8px !important;
}
html[data-page="/"]
  .page-home
  .full-screen-scroller
  .fss-dotted-scrollspy
  .fss-nav-item.active
  .icon {
  filter: invert(48%) sepia(99%) saturate(367%) hue-rotate(315deg)
    brightness(95%) contrast(95%);
}
html[data-page="/"]
  .page-home
  .full-screen-scroller
  .fss-dotted-scrollspy
  .fss-nav-item:hover
  .icon {
  filter: invert(48%) sepia(99%) saturate(367%) hue-rotate(315deg)
    brightness(95%) contrast(95%);
}
/* view-2 */
html[data-page="/"] .page-home .category-list .category-item .title {
  color: var(--primary-dark);
}
html[data-page="/"] .page-home .category-list .category-item .btn {
  border-radius: var(--radius-sm);
  font-size: 12px;
  padding: 8px 10px 6px;
  border: 1px solid var(--third) !important;
  background: var(--third);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--shadow-md);
  line-height: 1.6;
  margin-top: 0;
}
html[data-page="/"] .page-home .category-list .category-item .btn:hover {
  background: var(--third-dark) !important;
  border-color: var(--third-dark) !important;
  color: #fff;
}
html[data-page="/"] .page-home .category-list .section-company-title .title {
  border-bottom: 1px solid #eeeeee78;
  padding: 12px !important;
  font-size: 20px !important;
  color: var(--black-light) !important;
  line-height: 1.8;
}
html[data-page="/"]
  .page-home
  .carousel-product-homepage
  .carousel-inner
  .carousel-item
  .carousel-content
  .category-list {
  overflow: hidden;
}
html[data-page="/"] .page-home .category-list .category-item {
  padding: 32px;
}
html[data-page="/"]
  .page-home
  .carousel-control-prev:hover
  .carousel-control-prev-icon:before,
html[data-page="/"]
  .page-home
  .carousel-control-next:hover
  .carousel-control-next-icon:before {
  color: var(--primary);
}
/* استایل تب‌ها در صفحه اصلی */
html[data-page="/"] .page-home .box.box-blog .tabs-light .nav-tabs-pages {
  border: 1px solid var(--border-light);
  padding: 8px;
  background-color: #f7f7f7a3;
  border-radius: var(--radius-lg);
  margin-bottom: 18px;
  box-shadow: var(--shadow-lg);
}
html[data-page="/"] .page-home .box.box-blog .tabs-light .nav-tabs-pages .nav-link.active {
  background: linear-gradient(135deg, var(--third), var(--third-dark));
  border-color: var(--third);
  color: var(--white) !important;
  border-bottom-color: transparent;
  box-shadow: 0 2px 6px var(--third-shadow-heavy);
}
html[data-page="/"]
  .page-home .box.box-blog
  .tabs-light
  .nav-tabs-pages
  .nav-link.active:hover
  svg,
html[data-page="/"]
  .page-home .box.box-blog
  .tabs-light
  .nav-tabs-pages
  .nav-item.show
  .nav-link:hover
  svg {
  fill: #fff !important;
}
html[data-page="/"] .page-home .box.box-blog .tabs-light .nav-tabs-pages .nav-link:hover {
  color: var(--third);
}
html[data-page="/"]
  .page-home .box.box-blog
  .tabs-light
  .nav-tabs-pages
  .nav-link.active
  svg {
  display: none;
}
html[data-page="/"] .page-home .box.box-blog .tabs-light .nav-tabs-pages .nav-link.active svg,
html[data-page="/"]
  .page-home
  .tabs-light
  .nav-tabs-pages
  .nav-item.show
  .nav-link
  svg {
  fill: #fff !important;
}
html[data-page="/"]
  .page-home .box.box-blog
  .tabs-light
  .nav-tabs-pages
  .nav-link.active:hover {
  color: #fff !important;
}
html[data-page="/"] .page-home .box.box-blog .tabs-light .nav-tabs-pages .nav-link {
  background-color: transparent;
  border-radius: var(--radius-sm);
  padding: 8px;
  font-size: 14px;
  border: 0;
  line-height: 1.5;
}
/* view-3 */
/*html[data-page="/"] .page-home .box-tender .tab-content {*/
/*  background: var(--white) !important;*/
/*  border: 1px solid var(--border-light);*/
/*  box-shadow: var(--shadow-md) !important;*/
/*  border-radius: var(--radius-md) !important;*/
/*  transition: all 0.3s ease;*/
/*  overflow: hidden;*/
/*}*/
/*html[data-page="/"]*/
/*  .page-home*/
/*  .box-tender*/
/*  .tab-content*/
/*  .tab-pane*/
/*  .tab-pane-content {*/
/*  padding: 0 !important;*/
/*}*/
/*html[data-page="/"] .page-home .box-tender .tabs-pages {*/
/*  overflow: visible;*/
/*}*/
/*html[data-page="/"]*/
/*  .page-home*/
/*  .box-tender*/
/*  .tab-content*/
/*  .tender-table-search*/
/*  input {*/
/*  padding: 10px 36px 10px 8px;*/
/*  background-color: var(--gray-bg-light);*/
/*  color: var(--gray);*/
/*}*/
/*html[data-page="/"]*/
/*  .page-home*/
/*  .box-tender*/
/*  .tab-content*/
/*  .tender-table-search*/
/*  .search-icon {*/
/*  top: 17px;*/
/*  color: var(--gray-light);*/
/*}*/
/*html[data-page="/"]*/
/*  .page-home*/
/*  .box-tender*/
/*  .tab-content*/
/*  .tender-table*/
/*  thead*/
/*  tr*/
/*  th {*/
/*  color: var(--black-light) !important;*/
/*  font-size: 14px !important;*/
/*  font-weight: 600 !important;*/
/*  padding: 12px !important;*/
/*}*/
/*html[data-page="/"]*/
/*  .page-home*/
/*  .box-tender*/
/*  .tab-content*/
/*  .tender-table*/
/*  tbody*/
/*  tr*/
/*  th {*/
/*  color: var(--black-light) !important;*/
/*  font-size: 14px !important;*/
/*  font-weight: 400;*/
/*  padding: 8px 12px !important;*/
/*  text-align: right !important;*/
/*}*/
/*html[data-page="/"]*/
/*  .page-home*/
/*  .box-tender*/
/*  .tab-content*/
/*  .tender-table*/
/*  tbody*/
/*  tr*/
/*  td {*/
/*  padding: 8px 12px;*/
/*  color: var(--gray);*/
/*  border-bottom: 1px solid var(--border-light);*/
/*}*/
/*html[data-page="/"]*/
/*  .page-home*/
/*  .box-tender*/
/*  .tab-content*/
/*  .tender-table*/
/*  tbody*/
/*  td[data-col="edition"]:not([data-tender-edition="1"]) {*/
/*  background-color: var(--secondary-light-background);*/
/*  color: var(--secondary);*/
/*  border-bottom: 1px solid var(--secondary) !important;*/
/*}*/
/*html[data-page="/"] .page-home .box-tender .tab-content .tender-table .fas {*/
/*  font-size: 6px;*/
/*  position: relative;*/
/*  top: -1px;*/
/*  color: var(--third);*/
/*}*/
/*html[data-page="/"]*/
/*  .page-home*/
/*  .box-tender*/
/*  .tab-content*/
/*  .tender-table*/
/*  tbody*/
/*  tr:hover {*/
/*  background: var(--gray-bg-light);*/
/*}*/
/*html[data-page="/"]*/
/*  .page-home*/
/*  .box-tender*/
/*  .tab-content*/
/*  .tender-table*/
/*  tbody*/
/*  tr:hover*/
/*  th*/
/*  a {*/
/*  color: var(--third) !important;*/
/*}*/
/*html[data-page="/"] .page-home .box-tender .tab-content .col-btn {*/
/*  color: var(--black-light) !important;*/
/*  font-size: 14px !important;*/
/*  padding: 12px !important;*/
/*  background-color: var(--gray-bg-light);*/
/*  text-align: right;*/
/*}*/
/*html[data-page="/"] .section-company.company-tenders {*/
/*  background: url("https://www.sksco.ir/themes/frontend/sksco/files/images/logos/logo-pattern.png");*/
/*  background-repeat: no-repeat;*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*}*/
/* view-5 */
html[data-page="/"] .page-home .box-blog .tab-pane-content {
  padding: 0 !important;
  background: transparent !important;
}
html[data-page="/"] .page-home .box-blog a.card.card-img-top {
  padding: 20px;
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
}
html[data-page="/"] .page-home .box-blog a.card.card-img-top .thumb {
  border: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
}
html[data-page="/"] .page-home .box-blog a.card.card-img-top .card-body {
  padding: 0;
}
html[data-page="/"] .page-home .box-blog a.card.card-img-top img {
  transition: transform 0.3s ease-in-out;
}
html[data-page="/"] .page-home .box-blog a.card.card-img-top h5.title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
html[data-page="/"] .page-home .box-blog a.card.card-img-top p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
html[data-page="/"] .page-home .box-blog a.card.card-img-top .card-title {
  padding-top: 16px;
}
html[data-page="/"] .page-home .box-blog a.card.card-img-top:hover img {
  transform: scale(1.02);
}
html[data-page="/"] .page-home .box-blog a.card.card-img-top:hover h5.title {
  color: var(--primary) !important;
}
html[data-page="/"] .page-home .box-blog a.card.card-img-top:hover .btn-more,
html[data-page="/"]
  .page-home
  .box-blog
  a.card.card-img-top
  .card-footer
  .btn-more:hover {
  background: transparent !important;
  border-color: var(--primary) !important;
}
html[data-page="/"]
  .page-home
  .box-blog
  a.card.card-img-top
  .card-footer
  .btn-more {
  border-radius: var(--radius-sm);
  border: 1px solid var(--primary-border);
  color: var(--primary);
  padding: 6px 8px 5px;
  font-size: 12.5px;
}
html[data-page="/"] .page-home .box-blog .card-blog-list {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  transition: all 0.3s ease;
  overflow: hidden;
}
html[data-page="/"] .page-home .box-blog .card-blog-list {
  padding: 0 !important;
  color: var(--black-light);
  text-align: right;
  font-size: 12px;
}
html[data-page="/"] .page-home .box-blog .card-blog-list .title {
  background: var(--gray-bg) !important;
  border-bottom: 1px solid var(--border-light);
  padding: 12px 12px !important;
  font-size: 14px !important;
  color: var(--black-light) !important;
  line-height: 1.5;
}
html[data-page="/"]
  .page-home
  .box-blog
  .card-blog-list
  .list-group-item
  a.list-group-link {
  line-height: 1.7;
  padding: 8px 28px 8px 8px !important;
}
html[data-page="/"]
  .page-home
  .box-blog
  .card-blog-list
  .list-group-item:not(:last-child)
  a {
  border-bottom: 1px solid var(--border-light);
  margin-bottom: 1px;
}
html[data-page="/"] .page-home .box-blog .card-blog-list .list-group-item {
  border: 0;
}
html[data-page="/"] .page-home .box-blog .disc-li li:before {
  color: var(--primary);
  top: 2px !important;
  right: 12px;
}
html[data-page="/"] .page-home .box-blog .card-blog-list .card-btn .btn {
  color: var(--primary);
  border-top: 1px solid var(--border-light);
  background-color: var(--gray-bg);
  font-size: 14px;
  line-height: 1.8;
}
html[data-page="/"]
  .page-home
  .box-blog
  .card.card-img-top
  .card-body
  .card-text {
  display: none;
}
html[data-page="/"] .page-home .box-blog .btn-white.shadow {
  color: #fff;
  background: var(--primary);
  border-color: var(--primary);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 12px;
  padding: 6px 10px 4px;
  line-height: 1.8;
}
html[data-page="/"] .page-home .box-blog .btn-white.shadow:hover,
html[data-page="/"] .page-home .box-blog .btn-white.shadow:focus {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
  color: #fff;
}
html[data-page="/"] .page-home .box-blog .btn-white .icon {
  font-size: 0;
}
html[data-page="/"] .page-home .box-blog .btn-white .icon:before {
  content: "\f053";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  position: relative;
  top: 1px;
  font-size: 10px;
  padding-right: 6px;
  font-weight: 600;
}
html[data-page="/"] .section-company.company-blog {
  background: url("https://www.sksco.ir/themes/frontend/sksco/files/images/logos/5-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
html[data-page="/"] .page-home .box-blog .carousel-tab .flickity-viewport {
  overflow: visible !important;
}
/* view-4 */
html[data-page="/"] .page-home .box-certificate .gallery-img-overlay img {
  border-radius: var(--radius-sm);
  border: 0 !important;
}
html[data-page="/"] .page-home .box-certificate .gallery-img-overlay {
  background: var(--white);
  border: 0px solid var(--border-light);
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md);
  transition: all 0.3s ease;
  overflow: hidden;
  padding: 5px;
}
html[data-page="/"] .page-home .box-certificate .gallery-img-overlay:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--third-border);
}
html[data-page="/"] .page-home .box-certificate .box-head {
  margin-bottom: 14px !important;
}
html[data-page="/"] .page-home .box-certificate .box-head .title {
  color: #fff;
  background: #ffffff24;
  font-size: 18px;
  padding: 8px 8px 6px;
  line-height: 1.8;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
}
html[data-page="/"]
  .page-home
  .box-certificate
  .carousel.carousel-nav.carousel-nav-certificates.carousel-nav-certificates-top.flickity-enabled.is-draggable {
  margin-bottom: 18px !important;
}
html[data-page="/"]
  .page-home
  .box-blog
  .carousel-tab
  .flickity-prev-next-button.next {
  left: 16px !important;
}
html[data-page="/"]
  .page-home
  .box-blog
  .carousel-tab
  .flickity-prev-next-button.previous {
  right: 16px !important;
}
/* html.fullscreen .footer {
  background: linear-gradient(135deg, #009a93, #005b5b);
} */
html[data-page="/"] .page-home .footer-copyright {
  background: #212529 !important;
  padding: 24px 15px;
}
html[data-page="/"]
  .page-home
  .footer-full-page
  .footer-larg-brands
  .footer-larg-main-brands {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
html[data-page="/"] .page-home .footer-full-page .footer-address {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
html[data-page="/"]
  .page-home
  .footer-full-page
  .footer-larg-brands
  .footer-larg-main-brands
  .main-brands-all
  a
  figure,
html[data-page="/"]
  .page-home
  .footer
  .footer-larg-secondary-brands
  .bottom-space
  a
  figure {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}
html[data-page="/"]
  .page-home
  .footer-full-page
  .footer-larg-brands
  .footer-larg-main-brands
  .main-brands-all
  a
  figure
  img,
html[data-page="/"]
  .page-home
  .footer
  .footer-larg-secondary-brands
  .bottom-space
  a
  figure
  img {
  border-radius: 2.5px !important;
}
html[data-page="/"] .page-home .footer-full-page .footer-address p {
  text-align: center !important;
}
html[data-page="/"] .page-home .footer-full-page .footer-small-banner-top {
  border: 3px solid rgba(255, 255, 255, 0.1);
}

html[data-page="/"]
  .page-home
  .footer-full-page
  .footer-larg-brands
  .footer-larg-top-brands
  a {
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 15px;
}
html[data-page="/"]
  .page-home
  .footer-full-page
  .footer-larg-brands
  .footer-larg-top-brands
  figure {
  max-width: 45%;
  margin: 0 auto;
  margin-bottom: 15px;
}
html[data-page="/"]
  .page-home
  .footer-full-page
  .footer-larg-brands
  .footer-larg-main-brands
  .main-brands-company
  figure {
  padding: 0 0 0 45px;
}
html[data-page="/"]
  .page-home
  .footer-full-page
  .footer-larg-brands
  .footer-larg-main-brands
  .row {
  align-items: center;
}
html[data-page="/"] .page-home .footer-full-page .map-link {
  border-radius: var(--radius-sm);
  font-size: 12px;
  padding: 8px 18px 5px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  background-color: transparent;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--shadow-md);
  display: inline-block;
  margin-bottom: 14px;
}
html[data-page="/"] .page-home .footer-full-page .map-link:hover,
html[data-page="/"] .page-home .footer-full-page .map-link:focus {
  color: var(--primary);
  background-color: #fff;
}
html[data-page="/"].fullscreen .page-home .footer {
  position: relative;
  background: linear-gradient(135deg, #009a93, #005b5b);
  z-index: 0;
}
html[data-page="/"].fullscreen .page-home .footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://www.sksco.ir/themes/frontend/sksco/files/images/banner/footer-bg.svg");
  background-size: contain;
  opacity: 0.05;
  pointer-events: none;
  z-index: 1;
  background-repeat: repeat;
}
html[data-page="/"]
  .page-home
  .box-exhibition
  .section-company.company-buttons.company-exhibition
  .category-list
  .category-item
  .help-icon
  a {
  width: 150px;
  height: 50px;
  top: -34px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #fff;
  /*   background-color: rgba(255, 255, 255, 0.1); */
  box-shadow: var(--shadow-md);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  position: relative;
}
@media (max-width: 568px) {
  html[data-page="/"]
    .page-home
    .box-exhibition
    .section-company.company-buttons.company-exhibition
    .category-list
    .category-item
    .help-icon
    a {
    top: -44px;
  }
}
html[data-page="/"]
  .page-home
  .box-exhibition
  .section-company.company-buttons.company-exhibition
  .category-list
  .category-item
  .help-icon
  svg {
  display: none;
}
html[data-page="/"]
  .page-home
  .box-exhibition
  .section-company.company-buttons.company-exhibition
  .category-list
  .category-item
  .help-icon
  a::before {
  content: "\f059";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  position: static;
  display: inline-block;
}
html[data-page="/"]
  .page-home
  .box-exhibition
  .section-company.company-buttons.company-exhibition
  .category-list
  .category-item
  .help-icon
  a::after {
  content: "راهنما";
  font-size: 15px;
  font-weight: 500;
  position: static;
  display: inline-block;
  line-height: 1;
}
html[data-page="/"]
  .page-home
  .box-exhibition
  .section-company.company-buttons.company-exhibition
  .category-list
  .category-item
  .help-icon
  a:hover {
  background-color: rgba(254, 180, 23, 0.01);
  border-color: var(--secondary-light) !important;
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
  color: var(--secondary);
}
html[data-page="/"]
  .page-home
  .box-exhibition
  .section-company.company-buttons.company-exhibition
  .category-list
  .category-item {
  height: 100% !important;
  margin: 0 6px;
}