/*global*/

@font-face {
    font-family: "IRANSansWebFaNum";
    src: url("../fonts/IRANSansWebFaNum/IRANSansWebFaNum.eot");
    src: url("../fonts/IRANSansWebFaNum/IRANSansWebFaNum.eot?#iefix") format("embedded-opentype"),
    url("../fonts/IRANSansWebFaNum/IRANSansWebFaNum.woff") format("woff"),
    url("../fonts/IRANSansWebFaNum/IRANSansWebFaNum.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "IRANSansWebFaNum";
    src: url("../fonts/IRANSansWebFaNum/IRANSansWebFaNum-Medium.eot");
    src: url("../fonts/IRANSansWebFaNum/IRANSansWebFaNum-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/IRANSansWebFaNum/IRANSansWebFaNum-Medium.woff") format("woff"),
    url("../fonts/IRANSansWebFaNum/IRANSansWebFaNum-Medium.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
}


body, span, p, a, address, u, ul, li, pre {
    font-family: 'IRANSansWebFaNum';
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6, strong, b {
    font-family: 'IRANSansWebFaNum';
    font-weight: bold;
}
select option{font-family:'IRANSansWebFaNum',Tahoma!important}
* {
    padding: 0;
    margin: 0;
}
*, *:after, *:before {
    box-sizing: inherit
}
html {
    box-sizing: border-box;
    font-size: 10px;
}
body {
    font-size: 1.3rem;
}
/* img {
    width: 100%;
    height: auto;
} */
.container-fluid {
    /* overflow: hidden; */
}
a {
    color: var(--blue-hight-color);
}
a, li, a:hover, a:active, a:focus {
    text-decoration: none;
    list-style: none;
}
:focus {
    outline: none !important;
}
:root {
    --primary-color: #003566;
    --primary-lite-color: #4c7294;
    --primary-very-lite-color: #b2c2d1;
    --primary-more-lite-color: #f2f5f7;
    --secondary-dark-color: #ED9A11;
    --secondary-color: #faa61a;
    --secondary-lite-color: #fbc15f;
    --secondary-very-lite-color: #fde4ba;
    --secondary-more-lite-color: #fef6e8;
    --secondary-match-lite-color: #fffdfa;
    --blue-big-color: #137ad7;
    --blue-hight-color: #0085BE;
    --blue-color: #a7d5e9;
    --blue-lite-color: #cae6f2;
    --blue-very-lite-color: #edf7fb;
    --blue-more-lite-color: #f6fbfd;
    --gray-color: #e5e5e5;
    --gray-lite-color: #ededed;
    --gray-very-lite-color: #f7f7f7;
    --gray-more-lite-color: #fefefe;
    --text-color: #444;
    --text-lite-color: #666;
    --text-very-lite-color: #a0a0a0;
    --background-color: #fff;
    --green-color: #016A65;
    --green-lite-color: #03b6ae;
    --green-very-lite-color: #05e1d7;
    --green-more-lite-color: #b5f7f5;
    --green-match-lite-color: #C8E8E6;
    --green-up-lite-color: #e6fcfa;
    --green-too-lite-color: #F2FAFA;
}
img {
    max-width: 100%;
    height: auto;
}
p {
    text-align: justify;
    line-height: 2;
    font-size: 1.4rem;
}
main li {
    text-align: justify;
    line-height: 2;
}
main ol, main ul {
	padding-left: 0;
}
p img {
	height: auto !important;
}

/* h1{font-size: 2.8rem;}
h2{font-size: 2.4rem;}
h3{font-size: 2rem;}
h4{font-size: 1.7rem;}
h5{font-size: 1.4rem;}
h6{font-size: 1.2rem;} */

.m-miness {
    margin-right: calc(-1 * var(--bs-gutter-x));
    margin-left: calc(-1 * var(--bs-gutter-x));
}
.m-miness2 {
    margin-right: calc(-1.5 * var(--bs-gutter-x));
    margin-left: calc(-1.5 * var(--bs-gutter-x));
}
.m-miness3 {
    margin-right: calc(-1 * var(--bs-gutter-x));
    margin-left: calc(-1 * var(--bs-gutter-x));
}

div, section {
    scrollbar-width: thin;
    scrollbar-color: var(--green-match-lite-color) var(--green-too-lite-color);
}

div::-webkit-scrollbar, section::-webkit-scrollbar {
    width: 7px;
}

div::-webkit-scrollbar-track, section::-webkit-scrollbar-track {
    background: var(--green-match-lite-color);
}

div::-webkit-scrollbar-thumb, section::-webkit-scrollbar-thumb {
    background-color: var(--green-too-lite-color);
    border-radius: 20px;
    border: 2px solid var(--green-match-lite-color);
}

.required::after {
    content: " *";
    color: red;
    font-weight: bold;
}

/*header*/
.toast {
    font-size: 1.3rem;
}
.btn-header {
    display: block;
    transition: 0.5s all ease-in-out;
    padding: 0.8rem 3rem;
    font-size: 1.4rem;
  }
  .btn-header:hover {
    background-color: var(--secondary-dark-color) !important;
    color: var(--primary-color) !important;
  }
  .btn-header-icon {
      display: none;
      width: 3.5rem;
      height: 3.5rem;
      padding: 0.6rem;
      transition: 0.3s all ease-in-out;
    position: absolute;
    left: 1rem;
  }
  .header-icon{
    width: 2.2rem;
    height: 2.2rem;
  }
  .gradient-header {
    margin-bottom: 2rem;
  }
  .gradient-header:nth-child(n+2) {
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important;
  }
  .gradient-header span {
      font-size: 1.7rem;
  }
  .tooltip-header {
    margin-left:4.8rem;
    font-weight:700;
  }


header {
    background: linear-gradient(0deg, #003566 0%, #002445 100%);
}

.box-header {
    background-color: var(--blue-very-lite-color);
}

.box-content {
    background-color: var(--blue-very-lite-color);
}

.header-in {
    background-color: var(--blue-very-lite-color);
}

.modal {
    z-index: 99999;
}

.btn-date {
    background-color: var(--secondary-lite-color);
    color: var(--primary-color);
    font-size: 1rem;
}

.logo-icon {
	width: 5rem;
	object-fit: contain;
}
.logo-text-icon {
    color: var(--primary-color);
    z-index: 1;
}
.logo-text span {
    font-size: 1.1rem;
}
.logo-text strong , .logo-text span:nth-child(2) {
    font-size: 1.2rem;
    font-weight: bold;
}

.acc-drop .accordion-collapse {
    position: relative;
    height: 0 !important;
    transition: all 0.3s ease;
}
.acc-drop .accordion-body {
    position: absolute;
    width: 100%;
    background-color: var(--background-color);
    color: var(--primary-color);
    z-index: 2;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.acc-drop .accordion-item {
    border: none;
}

#flag .accordion-body {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

#flag .accordion-button {
    background-color: var(--secondary-more-lite-color);
    font-size: 1.3rem;
    color: var(--primary-color);
}
#flag .accordion-button::after {
    content: "";
    background: url(../img/icon/polymericon.svg) 0 0 no-repeat;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    float: right;
    margin-left: 0.5rem;
}

.form-control {
	padding: 0.8rem 1rem;
	border-radius: var(--bs-border-radius-xl) !important;
	border-color: var(--secondary-color);
	background-color: var(--primary-more-lite-color);
	font-size: 1.3rem;
}
select.form-control {
	background-image: url(../img/icon/polymericon.svg);
	background-position: 5px center;
	background-size: 15px;
	background-repeat: no-repeat;

    border-radius: var(--bs-border-radius-xl) !important;
    border-color: var(--secondary-color);
    background-color: var(--primary-more-lite-color);
}

.btn {
	padding: 0.8rem 1rem;
	border-radius: var(--bs-border-radius-xl) !important;
	font-size: 1.3rem;
}

.btn-search {
    padding: 0.5rem;
    border: none !important;
    background-color: var(--secondary-more-lite-color) !important;
}
.btn-search img {
    width: 2.4rem;
    height: 2.4rem;
}

.box-circle img {
    border-radius: 50%;
    width: 35px;
}


.box-content h4 , .box-content .heading {
    margin-bottom: 0;
    color: var(--primary-color);
    font-size: 1.7rem;
    font-weight: bold;
}

.title-line {
    position: relative;
    width: 48%;
    margin: 0 auto;
}

.title-line::before {
	content: "";
	width: 0.8rem;
	height: 0.7rem;
	background-color: var(--secondary-color);
	transform: rotate(45deg);
	margin-top: -0.05rem;
}

.title-line::after {
    content: "";
    width: 100%;
    height: 0.2rem;
    background-color: var(--secondary-color);
}

.boxlink .title-line {
    width: 70%;
}

.btn-achive {
    color: var(--primary-color);
    font-size: 1.1rem;
}

.box-link {
    border: 1px solid #eee;
    background-color: var(--background-color);
    height: 100%;
    border-radius: 10px;
    text-align: center;
    padding: 0.8rem 0.7rem 0.6rem;
    transition: 0.2s all ease-in-out;
    position: relative;
}

.box-link:hover {
    border: 1px solid var(--secondary-color);
    box-shadow: 0 2px 5px rgba(250, 166, 26, 0.5);
    background-color: var(--secondary-match-lite-color);
}

.box-link a {
    font-size: 1.1rem;
    color: var(--text-color);
    display: block;
}

.box-link a:hover {
    color: var(--blue-hight-color);
}

.box-link a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.box-new {
    border: 1px solid #eee;
    background-color: var(--background-color);
    height: 100%;
    border-radius: 10px;
    text-align: center;
    padding: 8px;
    transition: 0.2s all ease-in-out;
    position: relative;
    flex-wrap: nowrap;
}

.box-new:hover {
    border: 1px solid var(--secondary-color);
    box-shadow: 0 2px 5px rgba(250, 166, 26, 0.5);
    background-color: var(--secondary-match-lite-color);
}

.box-new a {
    font-size: 1.15rem;
    color: var(--text-color);
    transition: 0.3s all ease-in-out;
}

.box-new a:hover {
    color: var(--blue-hight-color);
}

.box-new a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.box-new span {
    font-size: 1.1rem;
    color: var(--text-color);
    transition: 0.3s all ease-in-out;
    display: flex;
}

.box-new img {
    border: 1px solid #eee;
    border-radius: 10px;
    height: 13rem;
    object-fit: cover;
}

.last-box-new img {
    height: 81px;
    object-fit: cover;
}

.post-date {
    color: var(--text-very-lite-color);
    font-size: 1rem;
}
.post-date::before {
    content: "";
    background: url(../img/icon/calendar-2.svg) 0 0 no-repeat;
    background-size: contain;
    width: 1.8rem;
    height: 1.8rem;
    float: right;
    margin-left: 0.5rem;
}

.post-cate {
    color: var(--text-very-lite-color);
    font-size: 1rem;
}
.post-cate::before {
    content: "";
    background: url(../img/icon/cate.svg) 0 0 no-repeat;
    background-size: contain;
    width: 1.7rem;
    height: 1.7rem;
    float: right;
    margin-left: 0.5rem;
}

.box-sidebar-news .post-date::before , .box-sidebar-news .post-cate::before {
    width: 1.5rem;
    height: 1.5rem;
}

.box-news .newsSwiper {
    height: 100%;
}
.box-news .carousel-inner {
    overflow: unset;
}

.box-news .carousel-indicators {
    bottom: -22px;
}

.box-slider .carousel-indicators {
    bottom: -7px;
}

.home-boxslider .swiper {
    height: 100%;
}
.home-boxslider .swiper img {
    height: 100%;
    object-fit: cover;
}

.swiper-pagination2 , .swiper-paginationM {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0,0,0);
	z-index: 10;
}
.swiper-pagination {
    background-color: rgba(255,255,255,0.5);
	border-radius: 5px;
	width: auto !important;
	margin: 0 auto;
	display: table;
	right: 0;
}

.box-slider .swiper-pagination-bullets {
    bottom: var(--swiper-pagination-bottom,7px) !important;
}
.box-news .swiper-pagination-bullets {
    bottom: var(--swiper-pagination-bottom,-5px) !important;
}

.carousel-indicators [data-bs-target] {
    width: 5px;
    height: 5px;
    background-color: var(--secondary-color);
    border-radius: 50%;
    opacity: 0.3;
}

.carousel-indicators .active {
    opacity: 1 !important;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,6px);
}
.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,9px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,7px));
	background: var(--swiper-pagination-bullet-inactive-color,var(--primary-color));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .5);
    border-radius: 5rem;
}
.swiper-pagination-bullet-active {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,15px));
    opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-button-next, .swiper-button-prev {
	color: var(--primary-color);
    background-color: rgba(255,255,255,0.5);
  border-radius: 5px;
}
.swiper-button-next::after, .swiper-button-prev::after {
	font-size: 3rem;
}

.last-boxnews > .row , .home-boxslider > .row {
	min-height: 100%;
}
.top-boxbanner > .row {
	min-height: calc(100% - 10px);
}

.order-img {
    position: relative;
}

.order-img::before {
    content: "";
    border-radius: var(--bs-border-radius-xl);
    background-color: var(--secondary-more-lite-color);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3rem;
    left: -1.5rem;
    z-index: -1;
}

.order-img::after {
    content: "";
    border-radius: var(--bs-border-radius-xl);
    border: 2px solid var(--green-lite-color);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 1.5rem;
    left: 1.5rem;
}


.order-txt > div {
    border-radius: 0 var(--bs-border-radius-xl) var(--bs-border-radius-xl) 0;
    color: var(--background-color);
    background: linear-gradient(270deg, #002445 0%, #466c90 100%);
    padding-left: 7rem !important;
}

.order-txt h3 {
    font-size: 2.2rem;
}

.order-btn > a {
    border: 1px solid var(--secondary-lite-color);
    color: var(--secondary-color);
    transition: 0.5s all ease-in-out;
    text-align: center;
    width: 18rem;
}

.order-btn > a.btn-dark {
    background-color: var(--secondary-lite-color);
    color: var(--primary-color) !important;
}

.order-btn > a:hover {
    border: 1px solid var(--secondary-dark-color);
    background-color: var(--secondary-dark-color);
    color: var(--primary-color);
}

.cart-btn > a {
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    transition: 0.5s all ease-in-out;
    text-align: center;
    width: 18rem;
}

.cart-btn > a.btn-dark {
    border: 1px solid var(--secondary-lite-color);
    background-color: var(--secondary-lite-color);
    color: var(--primary-color) !important;
}
.cart-btn > a.btn-blue {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--background-color) !important;
}

.cart-btn > a:hover {
    border: 1px solid var(--secondary-dark-color);
    background-color: var(--secondary-dark-color);
    color: var(--primary-color);
}

.box-estandard .box-service {
    border: 1px solid var(--green-very-lite-color);
}

.box-estandard .box-service:hover {
    background-color: var(--green-up-lite-color);
    border: 1px solid var(--green-up-lite-color);
}

.box-estandard .title-serv h3 {
    font-size: 2.2rem !important;
}

.box-estandard .title-line {
    width: 30%;
    margin: 0;
}

.box-estandard .box-serv {
    width: 6rem;
    height: 6rem;
}

.box-estandard .txt-serv h4 {
    font-size: 1.45rem;
}

.box-estandard .txt-serv a {
    color: var(--primary-color);
}

.btn-close {
    --bs-btn-close-color: var(--secondary-color);
    --bs-btn-close-bg: url(../img/icon/close-circle.svg);
    background: url(../img/icon/close-circle.svg) 0 0 no-repeat;;
}

.modal-content {
    background-color: var(--blue-very-lite-color);
    border: 1px solid var(--green-very-lite-color);
}

.modal-header .btn-close {
	margin: 0 auto 0 0;
	width: 2.5rem;
	background-color: var(--secondary-more-lite-color);
	text-align: center;
	height: 2.5rem;
	background-position: center;
	border-radius: var(--bs-border-radius-xl);
    opacity: 1;
}

.modal-header {
    border: none;
}
.modal-title {
    color: var(--primary-color);
    font-size: 1.5rem;
}

#pollModal .modal-content {
    padding: 0 var(--bs-modal-header-padding);
}
#pollModal .modal-header {
    padding: var(--bs-modal-padding) 0;
    border-bottom: 1px solid var(--secondary-color);
}
#pollModal .modal-body {
	padding: var(--bs-modal-padding) 0;
}

header .modal-content {
    padding: 10px 20px;
}
header .modal-header {
    padding: var(--bs-modal-padding) 0;
    border-bottom: 1px solid var(--primary-very-lite-color);
}
header .modal-body {
    padding: var(--bs-modal-padding) 0;
}

.line-modal-header .modal-content {
    padding: 0 var(--bs-modal-header-padding);
}
.line-modal-header .modal-header {
    padding: var(--bs-modal-padding) 0;
    border-bottom: 1px solid var(--secondary-color);
}
.line-modal-header .modal-body {
	padding: var(--bs-modal-padding) 0;
}



.crumbs, .crumbs * {
    color: var(--primary-color) !important;
    font-size: 1.2rem;
}

.crumbs span {
    color: var(--green-color) !important;
}

.lastupdate {
    color: var(--primary-color) !important;
    font-size: 1.2rem;
}

.lastupdate span:last-child {
    color: var(--green-color) !important;
}

label {
	color: var(--text-color);
}
.form-check {
    padding-left: 0;
	padding-right: 1.5em;
}
.form-check .form-check-input {
	float: right;
    margin-left: 0;
	margin-right: -1.5em;
}
.form-check .form-check-input[type="radio"] {
    width: 1.4rem;
  height: 1.4rem;
  border:2px solid var(--secondary-color);
}
.form-check-input:checked {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}
.form-check-input:focus , .form-control:focus , .btn-close:focus {
	border-color: var(--secondary-color);
	box-shadow: none;
}
.accordion-button:focus {
	box-shadow: none;
}

#pollModal .form-control {
    border-color: var(--primary-lite-color);
    background-color: var(--blue-very-lite-color);
}
.label_flow {
	background-color: var(--blue-very-lite-color);
	position: relative;
	top: 10px;
	right: 10px;
	padding: 0 5px;
}

.captcha_img {
    position: relative;
}
.captcha_reload {
	position: absolute;
	left: 0;
	cursor: pointer;
	bottom: 0;
	border-radius: var(--bs-border-radius-xl) !important;
	height: 39px;
	object-fit: none;
	background-color: var(--primary-very-lite-color) !important;
	width: 31px;
    border: none;
}
.captcha_img img:not(.captcha_reload) {
	background-color: var(--primary-lite-color);
	overflow: hidden;
	border-radius: var(--bs-border-radius-xl) !important;
	height: 39px;
	width: calc(100% - 35px);
	object-fit: fill;
	padding: 1px;
	max-width: 20rem;
}
.text-red-500 {
	color: #dc3545;
}

.text-green-500 {
	color: #1c9a16;
}

/*
.modal-backdrop {
	--bs-backdrop-bg: rgb(0, 42, 81);
	background-color: rgb(0, 42, 81);
    backdrop-filter: blur(8px);
}
.modal-backdrop.show {
	opacity: 0.3;
}
body.modal-open header , body.modal-open footer , body.modal-open main {
    filter: blur(4px);
}
*/

/* body *:not(.modal-dialog) , body *:not(.modal-dialog *) {
    filter: blur(4px);
} */

/* body.modal-open {
    filter: blur(4px);
}

.modal-dialog, .modal-dialog * {
    filter: none;
    pointer-events: auto;
} */

/*megamenu*/

.navbar-dark .navbar-nav a.nav-link {
    font-size: 1.1em;
}

.dropdown-menu {
    /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); */
    border: none;
    border-radius: 10px;
    padding: 1.3rem 0.7rem 1.5rem;
    width: 100%;
    background-color: var(--primary-more-lite-color);
    border: 1px solid var(--green-very-lite-color);
    justify-content: space-between;
    right: 0;
    left: 0;
    z-index: 9999;
    margin-top: 0 !important;
}

.dropdown-menu[aria-labelledby="navbarDropdown1"] {
    /* right: -351px; */
}

.dropdown-menu[aria-labelledby="navbarDropdown2"] {
    /* right: -468px; */
}

.dropdown-menu[aria-labelledby="navbarDropdown3"] {
    /* right: -596px; */
}

.dropdown-menu[aria-labelledby="navbarDropdown4"] {
    /* right: -701px; */
}

.dropdown-menu[aria-labelledby="navbarDropdown5"] {
    /* right: -857px; */
}


.box-header {
    position: relative;
    transition: all 0.3s ease-in-out;
}

.box-header .nav-item {  /*.box-header .navbar*/
    position: unset;
    font-size: 1.3rem;
}

.dropdown-menu ul {
	list-style: none;
	padding: 0 1rem;
    width: 100%;
}

.dropdown-menu li {
	position: relative;
	display: flex;
	align-items: center;
}
.dropdown-menu li::before {
	content: "";
	width: 0.4rem;
	height: 0.4rem;
	background-color: var(--primary-lite-color);
	position: relative;
	float: right;
	border-radius: 2px;
	right: 1em;
}
.dropdown-menu li:first-child::before {
    content: none;
}

.dropdown-menu li .dropdown-item {
    color: var(--primary-lite-color);
    font-size: 1.3rem;
    padding: 0.4em 1.2em;
    text-align: right;
    border-radius: 5px;
    white-space: wrap;
}

.dropdown-menu li .dropdown-item:hover {
    background-color: var(--green-more-lite-color);
}
.dropdown-menu li a {
	display: flex;
	align-items: center;
}
.dropdown-menu li:first-child a {
    font-weight: bold;
    font-size: 1.3em;
    text-transform: uppercase;
    color: var(--primary-color);
    margin: 0.5rem 0;
    position: relative;
}
.dropdown-menu li:first-child::after {
	content: "";
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed var(--secondary-color);
	position: absolute;
	bottom: -2px;
	right: 0;
	left: 0;
}


.dropdown-menu li:first-child a:hover {
    background-color: transparent;
}

.icon-menu {
	position: relative;
	right: 0.8rem;
}
.icon-menu img {
    width: 2rem;
    height: 2rem;
}

.box-header .nav-link {
    margin: 0 1rem 1.5rem;
}

.navbar-nav .nav-link, .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--primary-color);
}

.dropdown-toggle::after {
    content: "";
    background: url(../img/icon/arrow-down.svg) 0 0 no-repeat;
    background-size: auto;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    float: left;
    position: relative;
    top: 2px;
    right: 2px;
    border: none;
}

.box-header.fixed {
	position: fixed;
	width: calc(100% - 25px);
	right: 5px;
	left: 5px;
	max-width: 1320px;
	margin: 0 auto !important;
	top: 0;
	z-index: 10;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.box-header.fixed .my-3 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}
.box-header.fixed .nav-link {
	margin: 0 1rem 1rem;
}

/*home*/
.title-serv h3 {
    color: var(--primary-color);
    font-size: 2rem !important;
}

.title-defult h2 {
    color: var(--primary-color);
    font-size: 1.8rem;
}

.title-serv h4 {
    color: var(--primary-lite-color);
    font-size: 1.7rem;
}

.box-service {
    border: 1px solid var(--secondary-dark-color);
    transition: 0.3s all ease-in-out;
    position: relative;
}

.box-service:hover {
    border: 1px solid var(--secondary-very-lite-color);
    background-color: var(--secondary-very-lite-color);
}

.box-serv {
    background: linear-gradient(180deg, #002445 0%, #466c90 100%);
    width: 10rem;
    height: 8.5rem;
}

.btn-serv .btn-a {
    background-color: var(--secondary-color);
    transition: 0.3s all ease-in-out;
    width: 40px;
  position: absolute;
}

.box-service:hover .btn-serv .btn-a {
    background-color: var(--gray-lite-color);
}

.btn-serv img {
    filter: brightness(0) invert(1);
    transform: scale(1.2);
}

.box-service:hover .btn-serv .btn-a img {
    filter: none;
}

.txt-serv h4 {
    line-height: 1.5;
}

.txt-serv a {
    color: var(--text-color);
    font-weight: bold;
    transition: 0.3s all ease-in-out;
}

.txt-serv a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.txt-serv p {
    margin-bottom: 0;
    color: var(--text-very-lite-color);
    font-size: 1.2rem;
    line-height: 1.5;
}

.col-my-5 {
    flex: 0 0 auto;
    width: 20%;
}

.box-services {
    /* background-color: var(--primary-color); */
    background: url("../img/services.webp") 0 0 no-repeat;
    background-size: cover;
}

.mx-my-3 {
    margin-right: calc(-1 * var(--bs-gutter-x));
    margin-left: calc(-1 * var(--bs-gutter-x));
}

.box-services .box-service {
    background-color: var(--gray-lite-color);
    border: none;
}

.box-services .box-serv {
    background: linear-gradient(0deg, var(--green-color) 0%, var(--green-very-lite-color) 100%);
    width: 6rem;
    height: 6rem;
}

.box-services .txt-serv h4 {
    font-size: 1.4rem;
    height: 3rem;
    margin-top: -0.5rem;
}

.box-services .btn-serv .btn-a {
    background-color: var(--background-color);
}

.box-services .box-service:hover .btn-serv .btn-a {
    background-color: var(--secondary-color);
    box-shadow: 0 2px 5px rgba(250, 166, 26, 0.5);
}

.box-services .btn-serv img {
    filter: none;
}

.box-services .box-service:hover .btn-serv .btn-a img {
    filter: brightness(0) invert(1);
}

.box-services .title-line {
    width: 30%;
    margin: 0;
}

.box-services .title-serv h3 {
    color: var(--secondary-color);
    font-size: 2.2rem;
}

.box-services .txt-serv a:hover {
    color: var(--blue-hight-color);
}

.box-services .title-line::before, .box-services .title-line::after {
    background-color: var(--primary-very-lite-color);
}

.entesharat-txt > div {
    background-color: var(--blue-very-lite-color);
}

.entesharat-txt h3 {
    color: var(--primary-color);
    font-size: 2.2rem;
}

.box-entesharat .box-serv {
    background: none;
    width: 100%;
    height: 100%;
}

.box-entesharat .txt-serv h4 {
    font-size: 1.3rem;
    height: 4rem;
    overflow: hidden;
}

.box-entesharat .txt-serv span {
    margin-bottom: 0;
    color: var(--text-color);
    font-size: 1.23rem;
    height: 3.7rem;
    overflow: hidden;
}

.box-entesharat .btn-serv a ,
.box-entesharat .btn-serv .btn-a {
	background-color: transparent !important;
	color: var(--secondary-color);
	font-size: 1.2rem;
	position: relative;
	width: 100%;
	text-align: left;
}

.box-entesharat .btn-serv img {
    filter: none;
    transform: scale(1);
    width: 2rem;
}

.box-entesharat .box-service:hover {
    border: 1px solid var(--secondary-color);
    background-color: var(--secondary-more-lite-color);
}

/*footer*/
footer {
    background: linear-gradient(0deg, #002445 0%, #466c90 100%);
    position: relative;
}

#btn_top {
	position: absolute;
	top: -35px;
	right: 0;
	left: 0;
	margin: 0 auto;
	display: table;
}

.box-footer-top * {
    color: var(--background-color);
    transition: 0.2s all ease-in-out;
}
.box-footer-top a:hover {
    color: var(--secondary-lite-color);
}

.box-footer-top h4 {
    font-size: 1.6rem;
}

footer .title-line {
    width: 72%;
    margin: 0 auto 0 0;
}

.box-footer-top .title-line::before {
    content: none;
}

footer .title-line::after {
    height: 0.1rem;
    background-color: var(--secondary-lite-color);
}

address {
    margin-bottom: 0;
}

.call-access > div:first-child > span:first-child {
    min-width: 7rem;
}

.call-access > div {
    position: relative;
}

.call-access > div::before {
    content: "";
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 2.4rem;
    height: 2.4rem;
    min-width: 2.4rem;
    margin-left: 0.5rem;
    position: relative;
    top: -0.3rem;
}

.address-call::before {
    background-image: url(../img/icon/location.svg);
}

.phone-call::before {
    background-image: url(../img/icon/call-calling.svg);
}

.fax-call::before {
    background-image: url(../img/icon/direct.svg);
}

.pastalcode-call::before {
    background-image: url(../img/icon/sms-tracking.svg);
}

.email-call::before {
    background-image: url(../img/icon/sms.svg);
}

.quick-access a {
    position: relative;
    padding-right: 1rem;
}

.quick-access a::before {
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    background-color: var(--secondary-lite-color);
    position: absolute;
    float: right;
    border-radius: 2px;
    top: 0.7rem;
    right: -0.3rem;
}

.box-footer-bottom * {
    color: var(--gray-lite-color);
    font-size: 1.1rem;
    transition: 0.2s all ease-in-out;
}
.box-footer-bottom a:hover {
    color: var(--secondary-lite-color);
}

.box-footer-bottom .title-line::before {
    width: 0.5rem;
    height: 0.5rem;
}


/*single*/
.dynamic-page ul:not(.pagination) > li {
    /* list-style: inherit; */
    position: relative;
    padding-right: 1.3rem;
}
.dynamic-page ul:not(.pagination) > li::before {
	content: "";
	width: 0.7rem;
	height: 0.7rem;
	background-color: var(--secondary-lite-color);
	float: right;
	border-radius: 2px;
	top: 1.1rem;
    right: 0;
	position: absolute;
}
.dynamic-page ol:not(.pagination), .dynamic-page ul:not(.pagination) {
	list-style-position: inside;
    margin-bottom: 2rem;
	/* margin-right: 3rem; */
}
.dynamic-page ol:not(.pagination) > li, .dynamic-page ul:not(.pagination) > li{
    font-size: 1.4rem;
}
.dynamic-page strong {
    /* color: var(--primary-color);
    font-size: 1.6rem; */
}
.dynamic-page h1 {
    color: var(--primary-color);
    font-size: 2.4rem;
    margin-bottom: 2rem;
    line-height: 3rem;
}
.dynamic-page h2 {
    color: var(--primary-color);
    font-size: 2.3rem;
    margin-bottom: 2rem;
    line-height: 3rem;
}
.dynamic-page h3 {
    color: var(--primary-color);
    font-size: 2.2rem;
    margin-bottom: 2rem;
    line-height: 3rem;
}
.dynamic-page h4 {
    color: var(--primary-color);
    font-size: 2rem;
    margin-bottom: 2rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--primary-lite-color);
  display: inline-block;
  line-height: 3rem;
  line-height: 3rem;
}
.dynamic-page h5 {
    color: var(--blue-hight-color);
    font-size: 1.8rem;
    margin-bottom: 2rem;
    line-height: 2.8rem;
}
.dynamic-page h6 {
    color: var(--blue-hight-color);
    font-size: 1.6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem;
}

.m-miness .leftContent.col-md-12 {
    /* border-radius: var(--bs-border-radius-xl);
    width: calc(100% - 2rem);
    margin:0 auto;
    padding:2rem;
    border: 1px solid var(--gray-color); */
}
.single-content p span , .single-content div span {
    font-family: 'IRANSansWebFaNum' !important;
    /* font-size: 1.4rem !important; */
    /* line-height: 2; */
    text-align: justify;
    /* background-color: transparent !important; */
}
.box-head .title-serv .title-content {
    color: var(--primary-color);
    font-size: 2.4rem;
    text-align: center;
    line-height: 3rem;
}

.box-head .title-line::before, .box-head .title-line::after {
    background-color: var(--secondary-color);
}

.box-head .title-line {
    width: 5%;
    margin: 0;
}

.box-sidebar {
    background-color: var(--primary-more-lite-color);
}

.title-sidebar {
    border-bottom: 1px solid var(--secondary-color);
    font-size: 1.42rem;
}

.content-sidebar {
    color: var(--text-lite-color);
}
.content-sidebar b {
    display: inline-block;
}
.content-sidebar b span {
    font-weight: bold;
}

.title-sidebar-news {
    border-bottom: 1px solid var(--secondary-color);
    font-size: 1.42rem;
    color: var(--bs-body-color);
}

.single-content h1, .single-content h2, .single-content h3,
.single-content h4, .single-content h5, .single-content h6 {
    color: var(--primary-color);
}

.text-news-title {
    color: var(--primary-color);
    font-size: 2rem;
    font-weight: bold;
    line-height: 3rem;
}
.text-news-subtitle {
    color: var(--primary-color);
    font-size: 1.55rem;
    font-weight: normal;
    line-height: 2.5rem;
}

.single-content li {
    list-style: inherit;
    list-style-position: inside;
}

.single-thumbnail figcaption {
    color: var(--primary-color);
}

blockquote {
    background-color: var(--gray-very-lite-color);
    border-radius: var(--bs-border-radius-xl) !important;
    padding: 1.5rem !important;
    border-right: 3px solid var(--primary-color);
}

.btn-download {
    background-color: var(--secondary-lite-color);
    font-size: 1rem;
    text-align: center;
}

.btn-download a {
    color: var(--text-color);
    position: relative;
}

.btn-download a::before {
    content: "";
    background: url(../img/icon/import.svg) 0 0 no-repeat;
    background-size: auto;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    left: -2rem;
}

.box-new-archive {
    background-color: var(--gray-very-lite-color);
}
.box-new-archive:hover {
    background-color: var(--secondary-more-lite-color);
}

.box-new a.btn-down {
    color: var(--secondary-color);
    position: relative;
    border-radius: var(--bs-border-radius-xl) !important;
    padding: 0.8rem 2em !important;
}

.btn-down::before {
    content: "";
    background: url("../img/icon/document-download.svg") 0px 0px / contain no-repeat;
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
    float: left;
    margin: 0 0.4rem;
}

.box-new a.btn-show {
    color: var(--background-color);
    background-color:var(--secondary-lite-color);
    border-color: var(--secondary-lite-color) !important;
    position: relative;
    border-radius: var(--bs-border-radius-xl) !important;
    padding: 0.8rem 2em !important;
    transition: 0.3s all ease-in-out;
}
.box-new:hover a.btn-show {
    background-color: var(--secondary-dark-color) !important;
    border-color: var(--secondary-dark-color) !important;
}

.btn-show::before {
    content: "";
    background: url("../img/icon/arrow-left.svg") 0px 0px / contain no-repeat;
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
    float: left;
    margin: 0 0.4rem;
}

.box-new-archive.box-new .text-exerpt a {
    font-size: 1.45rem;
    color: var(--primary-color);
}

.box-new-archive.box-new .text-exerpt span {
    font-size: 1.3rem;
    /* height: 4rem;
    overflow: hidden; */
}


/*member*/

.box-member {
    border: 1px solid var(--primary-color);
    background-color: var(--background-color);
    height: 100%;
    border-radius: 10px;
    text-align: center;
    padding: 8px;
    transition: 0.2s all ease-in-out;
}

.box-member:hover {
    border: 1px solid var(--secondary-color);
    box-shadow: 0 2px 5px rgba(250, 166, 26, 0.5);
}

.box-member h3 {
  font-size: 1.15rem;
    color: var(--text-lite-color);
}

.box-member span {
    font-size: 1.1rem;
    color: var(--text-very-lite-color);
    transition: 0.3s all ease-in-out;
}

.box-member img {
    /* border: 1px solid #eee; */
    border-radius: 10px;
    height: 16rem;
  object-fit: cover;
}

.semat {
    background: linear-gradient(270deg, #002445 0%, #466c90 100%);
    border-radius: var(--bs-border-radius-xl);
    color: #fff !important;
    padding: 3px 7px;
    display: inline-block;
}

.phone-member::before {
    content: "";
    background: url(../img/icon/call-calling.svg) 0 0 no-repeat;
    background-size: contain;
    width: 1.8rem;
    height: 1.8rem;
    float: right;
    margin-left: 0.5rem;
}

.email-member::before {
    content: "";
    background: url(../img/icon/sms.svg) 0 0 no-repeat;
    background-size: contain;
    width: 1.8rem;
    height: 1.8rem;
    float: right;
    margin-left: 0.5rem;
}

.info-member div:not(:last-child) {
    border-bottom: 1px solid var(--primary-very-lite-color);
}

a.btn-down {
    font-size: 1.15rem;
    transition: 0.3s all ease-in-out;
    color: var(--secondary-color);
    position: relative;
    border-radius: var(--bs-border-radius-xl) !important;
    padding: 0;
}

.copy-in {
    position: relative;
    cursor: pointer;
}

.copy-in::before {
  content: "";
	background: url(../img/icon/copy.svg) 0 0 no-repeat;
	background-size: contain;
	width: 1.8rem;
	height: 1.8rem;
	float: right;
}

/*address*/
.box-entesharat .box-service:hover {
    border: 1px solid var(--secondary-color);
    background-color: var(--secondary-more-lite-color);
}

.phone-address-icon, .email-address-icon, .fax-address-icon {
    font-size: 1.1rem;
    color: var(--text-very-lite-color);
}

.phone-address-icon::before {
    content: "";
    background: url(../img/icon/call-calling.svg) 0 0 no-repeat;
    background-size: contain;
    width: 1.8rem;
    height: 1.8rem;
    float: right;
    margin-left: 0.5rem;
}

.email-address-icon::before {
    content: "";
    background: url(../img/icon/sms.svg) 0 0 no-repeat;
    background-size: contain;
    width: 1.8rem;
    height: 1.8rem;
    float: right;
    margin-left: 0.5rem;
}

.fax-address-icon::before {
    content: "";
    background: url(../img/icon/printer.svg) 0 0 no-repeat;
    background-size: contain;
    width: 1.8rem;
    height: 1.8rem;
    float: right;
    margin-left: 0.5rem;
}

.btn-play {
    font-size: 1.15rem;
    transition: 0.3s all ease-in-out;
    color: var(--secondary-color);
    position: relative;
    border-radius: var(--bs-border-radius-xl) !important;
    padding: 0;
    font-style: unset;
    cursor: pointer;
}

.btn-play::before {
    content: "";
    background: url("../img/icon/play-cricle.svg") 0px 0px / contain no-repeat;
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
    float: left;
    margin: 0 0.4rem;
}

.title-sidebar-map {
    font-size: 1.45rem;
}

.box-sidebar-map {
    border: 1px solid var(--gray-color);
}

.content-sidebar-map {
    max-height: 450px !important;
}

.content-sidebar-map span {
    transition: 0.2s all ease-in-out;
    border-radius: var(--bs-border-radius-xl);
    cursor: pointer;
    color: var(--text-lite-color);
    padding: 8px 15px;
}

.content-sidebar-map span:hover, .content-sidebar-map span.selected-map {
    background-color: var(--secondary-lite-color);
    color: var(--primary-color);
}


.box-sidebar-page {
    border: 1px solid var(--gray-color);
}

.box-sidebar-page .nav-link-page {
	transition: 0.2s all ease-in-out;
	border-radius: var(--bs-border-radius-xl);
	cursor: pointer;
	float: right;
	width: 100%;
	color: var(--text-lite-color);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
    text-align: right;
}
.box-sidebar-page .nav-link-page:hover {
    background-color: var(--secondary-very-lite-color);
    color: var(--primary-color);
}

.box-sidebar-page .nav-link-page.active {
    background-color: var(--secondary-lite-color);
    color: var(--primary-color);
}


.title-sidebar-table {
    background-color: var(--secondary-lite-color);
    color: var(--primary-color);
    border-radius: var(--bs-border-radius-xl) !important;
}

.content-sidebar-table {
    background-color: var(--primary-more-lite-color);
}

.box-list-table {
    max-height: 400px;
    overflow-y: auto;
}

.btn-warning {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    transition: 0.5s all ease-in-out;
}
.btn-warning:hover {
    background-color: var(--secondary-dark-color) !important;
    border-color: var(--secondary-dark-color) !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--secondary-color) !important;
    transition: 0.5s all ease-in-out;
}


.box-input-table {
    background-color: var(--secondary-more-lite-color);
}

.form-table .input-table {
    border: none;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
}

.btn-search-sidebar {
    padding: 0.5rem;
}

.btn-search-sidebar::after {
    content: "";
    background: url(../img/icon/search-normal.svg) 0 0 no-repeat;
    background-size: auto;
    background-size: contain;
    width: 2.4rem;
    height: 2.4rem;
    float: right;
    filter: grayscale(100%) brightness(0.7);
}


.result-search {
	position: absolute;
	background: var(--background-color);
	border-radius: var(--bs-border-radius-xl);
	width: calc(100% - 2rem);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
	top: 5.5rem;
	opacity: 0;
	visibility: hidden;
	transform-origin: top;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	transition: all 300ms ease-out 0s;
	max-height: 24.5rem;
	overflow-y: auto;
}
.result-search.show {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}
.result-search .item .title {
	font-size: 1.4rem;
	color: var(--primary-color) !important;
	margin-bottom: 0.8rem;
	padding: 0.7rem 1.4rem;
	background: var(--blue-more-lite-color);
	color: var(--main-color);
}
.result-search .item ul {
	padding: 0 1.5rem;
	margin: 1rem auto 1.5rem;
}
.result-search .item li {
	list-style: none;
	padding: 0.1rem 0;

    position: relative;
	display: flex;
	align-items: center;
}
.result-search .item li a {
	color: var(--text-color);
	padding: 0.2rem 0.1rem;
    font-size: 1.3rem;
}
.result-search .item li::before {
	top: 0.9rem !important;
}



/* جدول پر صفحه */
.divtable {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 23rem);
}
.table-responsive2 .divtable {
    max-height: unset;
    padding-bottom: 1rem;
}

.table > thead {
	position: sticky;
	z-index: 2;
	top: 0;
}

table {
    width: 100%;
    border-collapse: collapse; /* برای حذف فاصله بین مرزها */
    margin-bottom: 0;
    margin-top: 0;
}
#filtertable {
    margin-bottom: 0px;
    margin-top: 0px;
}
.dynamic-page .divtable {
    margin-bottom: 2rem;
    margin-top: 2rem;
}
/* div > table {
    margin-bottom: 0px;
    margin-top: 0px;
} */

.table td, .table  th {
    border: none;
}
table th , .table th {
    background-color: var(--green-color);
    color: var(--background-color);
    position: sticky;
    z-index: 2;
    top: 0;
}
td, th {
    min-width: 100px;
}

tfoot td {
    background-color: var(--green-color);
    color: var(--background-color);
}

tbody tr:nth-child(odd) td {
    background-color: var(--gray-more-lite-color);
}

tbody tr:nth-child(even) td {
    background-color: var(--green-too-lite-color);
}
tbody tr:hover td {
    background-color: var(--green-match-lite-color);
}


tr {
    border-radius: var(--bs-border-radius-xl);
}

td , td span {
    font-size: 1.2rem !important;
    color: var(--primary-color);
    padding: 1.5rem 0.5rem;
}

th , th span {
    font-size: 1.4rem !important;
    padding: 1.5rem 0.5rem;
}

td, th {
    /* min-width: 15rem; */
    text-align: center;
    vertical-align: middle;
  text-align: center;
}
td p {
    text-align: center;
}

.dataTable th , .dataTable th span {
    white-space: nowrap;
}

td:first-child, th:first-child {
    border-radius: 0 var(--bs-border-radius-xl) var(--bs-border-radius-xl) 0;
    left: 1px;
}

td:last-child, th:last-child {
    border-radius: var(--bs-border-radius-xl) 0 0 var(--bs-border-radius-xl);
    right: 1px;
}
td:first-child:last-child, th:first-child:last-child {
    border-radius: var(--bs-border-radius-xl);
}

.table > :not(caption) > * > * {
    padding: 1.5rem 0.5rem;
}


th.sorting span {
    position: relative;
    cursor: pointer;
}

th.sorting span::before {
    content: "";
    background: url(../img/icon/arrow-3.svg) 0 0 no-repeat;
    background-size: auto;
    background-size: contain;
    width: 1.8rem;
    height: 1.8rem;
    float: right;
    position: relative;
    right: -0.2rem;
    top: 0.3rem;
}

#filtertable {
    width: 100%;
    text-align: center;
}

#filtertable_info, #filtertable_length, #filtertable_paginate {
    width: 33%;
    float: right;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-lite-color);
}

#filtertable_info {
    margin-top: 7px;
}

.dataTables_wrapper select {
    padding: 0.7rem 0.7rem;
    border-radius: var(--bs-border-radius-xl) !important;
    background-clip: padding-box;
    border: none;
    background-color: var(--gray-very-lite-color);
}

#filtertable_paginate > * {
    padding: 0.7rem 0.5rem;
    background-color: var(--gray-very-lite-color);
    margin: 0 0.3rem;
    border-radius: var(--bs-border-radius-xl) !important;
    display: inline-block;
    min-width: 2.5rem;
}
.pagination {
	justify-content: center;
	margin: 1rem auto;
	flex-wrap: wrap;
	gap: 3px;
}
.pagination .page-item .page-link {
    padding: 0.2rem 0.5rem;
    background-color: var(--gray-very-lite-color);
    color: var(--text-color);
    margin: 0 0.3rem;
    border-radius: var(--bs-border-radius-xl) !important;
    display: inline-block;
    min-width: 2.5rem;
    text-align: center;
}
.pagination .page-item:hover .page-link {
    background-color: var(--secondary-very-lite-color);
}
.pagination .page-item.active .page-link {
    background-color: var(--secondary-color);
    color: var(--background-color);
    border: 1px solid var(--secondary-color);
}

#filtertable_paginate a {
    color: var(--text-lite-color);
}

.dataTables_wrapper td {
    font-size: 1.25rem;
}

#filtertable_previous, #filtertable_next {
    font-size: 0;
}

#filtertable_previous::before {
    content: "";
    background: url(../img/icon/polymericon.svg) 0 0 no-repeat;
    background-size: auto;
    background-size: contain;
    width: 1.6rem;
    height: 2rem;
    float: right;
    transform: rotate(-90deg);
}

#filtertable_next::before {
    content: "";
    background: url(../img/icon/polymericon.svg) 0 0 no-repeat;
    background-size: auto;
    background-size: contain;
    width: 1.6rem;
    height: 2rem;
    float: right;
    transform: rotate(90deg);
}


.link-download {
	color: var(--text-color);
    position: relative;
}
.link-download::before {
    content: "";
    background: url(../img/icon/import-2.svg) 0 0 no-repeat;
    background-size: auto;
    background-size: contain;
    width: 2rem;
    height: 2rem;
    display: table;
    margin: 0 auto;
}
.link-download:hover::before,
.link-download:active::before {
    background: url(../img/icon/import-3.svg) 0 0 no-repeat;
}
.link-download::after {
	content: attr(data-attr);
	color: var(--primary-lite-color);
	padding: 5px;
	border-radius: 5px;
}
.d-flex > .link-download {
	display: flex;
	align-items: center;
	background-color: var(--secondary-more-lite-color);
	border-radius: 5px;
	min-width: 6rem;
	justify-content: space-between;
}
.d-flex > .link-download::before {
    margin: 0 2px 0 0;
}


/*faq*/
.box-faq .accordion {
    /* display: grid;
    grid-template-columns: 50% 50%; */
    margin: 0 auto;
}

.box-faq .accordion-button {
    font-size: 1.65rem;
    text-align: right;
    color: var(--primary-color);
    padding: 2rem;
    background-color: var(--primary-more-lite-color);
    line-height: 1.6;
    font-weight: 600;
}
.box-faq .col-md-6 .accordion-button {
    font-size: 1.5rem;
}
.box-faq .accordion-button:hover {
  background-color: var(--secondary-more-lite-color);
}

.box-faq .accordion-button:not(.collapsed) {
    background-color: var(--secondary-lite-color);
    box-shadow: none;
}

.box-faq .accordion-button::after {
    background: url(../img/icon/add-square.svg) 0 0 no-repeat;
    background-size: contain;
    width: 2.4rem;
    height: 2.4rem;
    float: left;
    margin-left: 0;
    margin-right: auto;
}

.box-faq .accordion-button:not(.collapsed)::after {
    background: url(../img/icon/minus-square.svg) 0 0 no-repeat;
}

.box-faq .accordion-body {
    padding: 2rem;
}

.box-faq .accordion .accordion-item {
    counter-increment: count 1;
    border: none;
    margin-bottom: 1rem;
}
.box-faq .accordion .accordion-header {
    margin-bottom: 1rem;
}

/* .box-faq .accordion .accordion-item .accordion-header .accordion-button::before {
	content: counter(count, decimal);
	width: 4rem;
	height: 4rem;
	min-width: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: var(--secondary-lite-color);
	border-radius: 5px;
	margin-left: 1rem;
  font-size: 1.9rem;
}
.box-faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {
  background-color: var(--gray-lite-color);
} */


.box-faq .accordion .accordion-item .accordion-header .accordion-button .flgnumber {
	height: 4rem;
	min-width: 4rem;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: var(--secondary-lite-color);
	border-radius: 5px;
	margin-left: 1rem;
	font-size: 1.7rem;
	padding: 0 1rem;
    font-weight: 600;
}

.box-faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .flgnumber {
  background-color: var(--gray-lite-color);
}

.box-role.box-faq .accordion-button::after {
  content: none !important;
}

/*number*/
.box-account-number {
  background-color: var(--secondary-match-lite-color);
	/* border: 1px solid var(--secondary-color); */
	transition: 0.3s all ease-in-out;
	position: relative;
}
.box-account-number:hover {
	box-shadow: 0 2px 5px rgba(250, 166, 26, 0.5);
}
.box-account-number .txt-serv h4 {
	font-size: 1.5rem;
}
.box-account-number .txt-serv span {
	margin-bottom: 0;
	color: var(--text-very-lite-color);
	font-size: 1.3rem;
}

.box-account-number::before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: var(--bs-border-radius-xl);
	background: linear-gradient(-15deg, var(--secondary-color), rgb(255, 255, 255), var(--secondary-color));
	z-index: -1;
}

.img-manshor img {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.btn-manshor {
	color: var(--primary-color);
	background-color: var(--secondary-lite-color);
	position: relative;
	border-radius: var(--bs-border-radius-xl) !important;
	padding: 0.8rem 2em !important;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse;
}
.btn-manshor::before {
	content: "";
	background: url("../img/icon/import-4.svg") 0px 0px / contain no-repeat;
	width: 1.8rem;
	height: 1.8rem;
	position: relative;
	float: left;
	margin: 0 0.4rem;
}

/*srvices*/
.box-sidebar-service {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
    border: none;
}
.box-sidebar-service .nav-link-page::after {
    content: "";
  background: url(../img/icon/arrow-left3.svg) 0 0 no-repeat;
  background-size: contain;
  width: 1.6rem;
  height: 1.6rem;
  float: left;
  position: relative;
  top: 0;
  right: 2px;
  border: none;
  transition: 0.2s all ease-in-out;
}
.box-sidebar-service .nav-link-page:hover::after {
  background: url(../img/icon/arrow-left2.svg) 0 0 no-repeat;
  background-size: contain;
}

.box-sidebar-service .nav-link-page {
    border: 1px solid var(--secondary-very-lite-color);
    background-color: var(--secondary-more-lite-color);
    /* background-color: var(--secondary-match-lite-color); */
}

.box-sidebar-service .has-chiled .nav {
	display: none;
	transition: 0.2s all ease-in-out;
	background-color: var(--secondary-more-lite-color);
	margin: 0.5rem auto;
	float: left;
	border-radius: var(--bs-border-radius-xl);
	padding: 1rem;
	width: 95% !important;
}
.box-sidebar-service .has-chiled:hover .nav {
    display: flex;
}
.box-sidebar-service .accordion-button:not(.collapsed):not([href]) {
    background-color: var(--secondary-lite-color);
}


.box-sidebar-service .accordion {
    margin: 0 auto;
}
.box-sidebar-service .accordion-button {
	transition: 0.2s all ease-in-out;
	border-radius: var(--bs-border-radius-xl) !important;
	cursor: pointer;
	width: 100%;
	color: var(--text-color);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: right;
	border: 1px solid var(--secondary-very-lite-color);
	background-color: var(--background-color);
	font-size: 1.3rem;
}
.box-sidebar-service .col-md-6 .accordion-button {
    font-size: 1.5rem;
}
.box-sidebar-service .accordion-button:hover {
  background-color: var(--secondary-very-lite-color);
}
.box-sidebar-service .accordion-button:not(.collapsed) {
    /* background-color: var(--secondary-lite-color); */
    box-shadow: none;
}
.box-sidebar-service .accordion-button::after {
    content: "";
  background:url(../img/icon/arrow-left3.svg) 0 0 no-repeat;
  background-size: contain;
  width: 1.6rem;
  height: 1.6rem;
  float: left;
  position: relative;
  top: 0;
  right: 2px;
  border:none;
  transition:0.2s all ease-in-out;
  margin-left: 0;
}
.box-sidebar-service .accordion-button:hover::after {
    background: url(../img/icon/arrow-left2.svg) 0 0 no-repeat;
    background-size: contain;
    transform: rotate(0deg)
}
.box-sidebar-service .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg)
}
.box-sidebar-service .accordion-button:not(.collapsed):not([href])::after {
    background: url(../img/icon/arrow-left2.svg) 0 0 no-repeat;
    background-size: contain;
    transform: rotate(90deg)
}
.box-sidebar-service .accordion-body {
    padding: 0.5rem 0.5rem 0;
}
.box-sidebar-service .accordion .accordion-item {
	counter-increment: count 1;
	border: none;
	margin-bottom: 0.5rem;
	padding: 0;
}
.box-sidebar-service .accordion .accordion-item:last-child {
	margin-bottom: 0rem;

}
.box-sidebar-service .accordion .accordion-header {

}
.box-sidebar-service .accordion .accordion-item .accordion-header .accordion-button .flgnumber {
	height: 4rem;
	min-width: 4rem;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: var(--secondary-lite-color);
	border-radius: 5px;
	margin-left: 1rem;
	font-size: 1.7rem;
	padding: 0 1rem;
    font-weight: 600;
}
.box-sidebar-service .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .flgnumber {
  background-color: var(--gray-lite-color);
}


/*services*/
.table-btn span {
	min-width: unset;
    text-align: right;
    background-color: var(--secondary-very-lite-color);
    border: 1px solid var(--secondary-very-lite-color);
    transition:0.5s all ease-in-out;
    margin:0;
    border-radius: var(--bs-border-radius-xl);
    color: var(--primary-color);
    display: table;
    width: calc(100% - 4rem);
    padding:0.8rem 0.5rem;
    font-size: 1.2rem;
    line-height: 2.5rem;
}
.table-btn a:hover span{
	background-color: var(--secondary-lite-color);
	border: 1px solid var(--secondary-lite-color);
}
.table-btn.table-btn a::after {
    top: 2.5rem;
    left: 0.9rem;
}
.table-btn.modal-btn a::before {
	width: 3.5rem;
}

.link-headphone {
    content: "";
    background: url(../img/icon/headphone2.svg) 0 0 no-repeat;
    background-size: contain;
    width: 2.5rem;
    height: 2.5rem;
    display: table;
    margin: 0 auto;
}
.link-more-square {
    content: "";
    background: url(../img/icon/more-square1.svg) 0 0 no-repeat;
    background-size: contain;
    width: 2rem;
    height: 2rem;
    display: table;
    margin: 0 auto;
}

.acc-drop-table .accordion-button ,.acc-drop-table .accordion-item , .acc-drop-table .accordion-button:not(.collapsed) {
    box-shadow: none;
	background-color: transparent !important;
}
.acc-drop-table .accordion-button::after {
    content: none;
}
.acc-drop-table .accordion-button {
	text-align: center;
	display: table;
}
.acc-drop-table .accordion-body {
	width: 14rem;
	right: -6rem;
}
.table-responsive2 tr:nth-last-child(1) .acc-drop-table .accordion-body ,
.table-responsive2 tr:nth-last-child(2) .acc-drop-table .accordion-body {
    bottom: 3rem;
}
.acc-drop-table .accordion-body.body-tel-cal {
	width: 21rem;
}
.box-pop-table {
    border: none;
}
.box-pop-table .nav-link-page {
	justify-content: flex-start;
	gap: 5px;
}
.box-pop-table .nav-link-page img {
    width: 2rem;
    height: 2rem;
}
.box-pop-table .nav-link-page img.tel-cal {
    width: 1.5rem;
    height: 1.5rem;
}

.title-vahed {
	color: var(--primary-color);
	font-size: 1.3rem;
	font-weight: 600;
}
#vahedModal .title-line::after {
	height: 0.1rem;
    width: 96%;
}
#vahedModal .box-sidebar-page .nav-link-page:hover {
	background-color: var(--green-more-lite-color);
}

.tab-years.nav-tabs {
    border-bottom: none;
}
.tab-years.nav-tabs .nav-link {
    border: none;
    border-bottom: 1px solid var(--background-color);
    border-radius: 0;
    margin-bottom: 2rem;
    color: var(--text-color);
    font-size: 1.4rem;
}
.tab-years.nav-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid var(--secondary-color);
    color: var(--secondary-color);
}
.tab-years.nav-tabs .tab-content {
    border: none;
}

.sub-title {
    color: var(--primary-color);
}


/*chart*/
#svg-tree svg {
    width: 100%;
}


/*samaneh*/
.box-samaneh .box-service {
    border-color: var(--blue-very-lite-color);
    background-color: var(--secondary-match-lite-color);
}
.box-samaneh .box-service:hover {
	border: 1px solid var(--secondary-very-lite-color);
	background-color: var(--secondary-more-lite-color);
}
.box-samaneh .box-serv {
	background: url(../img/back-samaneh.svg) 0 0 no-repeat;
	background-size: contain;
	width: 12rem;
	height: 12rem;
}
.box-samaneh .txt-serv {
	height: 10rem;
}
.box-samaneh .txt-serv a {
    color: var(--primary-color);
}
.box-samaneh .in-samaneh:nth-child(5) , .box-samaneh .in-samaneh:nth-child(6) ,
.box-samaneh .in-samaneh:nth-child(7) , .box-samaneh .in-samaneh:nth-child(8) ,
.box-samaneh .in-samaneh:nth-child(9) {
    width: 20%;
}
.box-samaneh .in-samaneh:nth-child(5) .txt-serv , .box-samaneh .in-samaneh:nth-child(6) .txt-serv ,
.box-samaneh .in-samaneh:nth-child(7) .txt-serv , .box-samaneh .in-samaneh:nth-child(8) .txt-serv ,
.box-samaneh .in-samaneh:nth-child(9) .txt-serv {
    width: 100%;
}
.box-samaneh .txt-serv h4 {
	font-size: 1.45rem;
    line-height: 1.7;
}
.modal-body a input[type="button"] {
    border-radius: var(--bs-border-radius-xl);
    background-color: var(--secondary-lite-color);
    color: var(--primary-color);
    border: 1px solid var(--secondary-lite-color);
    padding: 0.5rem 1rem;
    margin: 0 auto;
    display: table;
    transition: 0.5s all ease-in-out;
    min-width: 30%;
    /* width: 70%; */
}

.dynamic-page input[type="button"] {
    border-radius: var(--bs-border-radius-xl);
    background-color: var(--secondary-lite-color);
    color: var(--primary-color);
    border: 1px solid var(--secondary-lite-color);
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    transition: 0.5s all ease-in-out;
    min-width: 25%;
}
.modal-body input[type="button"]:hover ,
.dynamic-page input[type="button"]:hover {
    background-color: var(--secondary-dark-color);
    border: 1px solid var(--secondary-dark-color);
}

[id^="pop-samaneh-"] .modal-title {
	padding-left: 4rem;
}
[id^="pop-samaneh-"] .btn-close {
	position: absolute;
  left: 2rem;
}
.modal-txt {
    background-color: var(--gray-very-lite-color);
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-height: calc(100vh - 18rem);
}
.modal-ttl img {
	height: 5rem;
}

.modal-body .col-md-12.leftContent {
	background-color: var(--gray-very-lite-color);
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	border-radius: var(--bs-border-radius-xl) !important;
	padding: 1rem !important;
	width: 97%;
	margin: 0 auto;
    overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-height: calc(100vh - 23rem);
}

.modal-btn a {
	display: flex;
	flex-direction: row-reverse;
    justify-content: space-between;
    text-align: right;
    position: relative;
}
.modal-btn a::before {
    content: "دریافت";
    border-radius: var(--bs-border-radius-xl);
    background-color: var(--secondary-lite-color);
    color: var(--primary-color);
    border: 1px solid var(--secondary-lite-color);
    padding: 0.5rem 1rem;
    margin: 0;
    display: table;
    transition: 0.5s all ease-in-out;
    width: 15rem;
    text-align: center;
}
.modal-btn a:hover::before {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}
.modal-btn a::after {
	content: "";
	background: url(../img/icon/arrow-left4.svg) 0 0 no-repeat;
	background-size: contain;
	width: 1.6rem;
	height: 1.6rem;
	float: left;
	position: absolute;
	top: 1.3rem;
	left: 3.6rem;
	border: none;
}
.modal-body .modal-btn a input[type="button"] {
	min-width: unset;
	width: calc(100% - 16rem);
	text-align: right;
	background-color: var(--secondary-very-lite-color);
	border: 1px solid var(--secondary-very-lite-color);
    transition: 0.5s all ease-in-out;
    padding: 0.5rem 2rem;
    margin: 0;
}
.modal-body .modal-btn a:hover input[type="button"] {
    background-color: var(--secondary-lite-color);
	border: 1px solid var(--secondary-lite-color);
}
.form-settle .form-control {
    border-color: var(--primary-lite-color);
    background-color: transparent;
}
.form-settle .form-label {
    color: var(--primary-color);
}
.form-settle .captcha_img img:not(.captcha_reload) {
    background-color: var(--primary-very-lite-color);
}

select.form-control {
    background-image: url(../img/icon/arrow-down.svg);
    background-position: 5px center;
  background-size: 15px;
  background-repeat: no-repeat;
}
.form-api .captcha_img img:not(.captcha_reload) , .form-api .captcha_reload {
    height: 36px;
}

.cursor-pointer {
    cursor: pointer;
}

.uwaw.main {
	left: 0px !important;
	right: auto !important;
}
body .uwy.utb.userway_p1, body .uwy.utb.userway_p2, body .uwy.utb.userway_p3 {
	right: auto !important;
	left: 30px !important;
}
body .uwy.userway_p1 .userway_buttons_wrapper {
	top: auto !important;
	bottom: 13px !important;
	left: 70px !important;
}
@media(max-width:767px) {
    body .uwy.userway_p1 .userway_buttons_wrapper {
        left: 50px !important;
    }
}


/*chart*/
.box-title{background: var(--secondary-lite-color);color:var(--primary-color);padding: 5px 10px;border-radius: 4px;width: 160px;text-align: center;display: inline-block;position: relative;z-index: 1;}
.section-branch{padding:35px 8% 0 0;width: fit-content;margin-right: 80px;overflow: hidden;position: relative;}
.section-branch::before {
    content: '';
	width: 2px;
	height: 100%;
	background: var(--primary-very-lite-color);
	position: absolute;
	top: 0;
	right: 0;
}
.section-branch:last-child .item:nth-last-child(2) + .last-secbranch {
	position: absolute;
	width: 2px;
	background: var(--background-color);
	right: 0;
    bottom: 0;
}
.section-branch:first-child{margin-top: 20px;}
.section-branch .item{display: inline-grid;margin: 0 0 40px 8px;position: relative}
.section-branch .item::before{content:'';width:2px;height: 35px;background: var(--primary-very-lite-color);position: absolute;top: -35px;right: 80px;}
.section-branch .item::after {
	content: '';
	width: calc(100% + 20px);
	height: 2px;
	background: var(--primary-very-lite-color);
	position: absolute;
	top: -35px;
	right: -158px;
}
.section-branch .item ul {
	position: relative;
	padding-right: 40px;
    padding-left: 20px;
	margin: 14px auto;
}
.section-branch .item ul::before{content:'';width:2px;height: 100%;background: var(--primary-very-lite-color);position: absolute;right:10px;top:-24px;}
.section-branch .item ul li {
	width: 160px;
	display: block;
	background: var(--primary-more-lite-color);
    color: var(--primary-color);
	padding: 5px 10px;
	border-radius: 4px;
	margin-bottom: 8px;
	position: relative;
	font-size: 1.2rem;
	text-align: center;
}
.main-branch .box-title::after {
	content: '';
	width: 2px;
	height: 22px;
	position: absolute;
	bottom: -22px;
	right: 80px;
	background: var(--primary-very-lite-color);
}
.section-branch .item ul li:before{content: '';width: 30px;height: 2px;position: absolute;right: -30px;bottom: 16px;background: var(--primary-very-lite-color);}

.box-title a , .section-branch .item ul li a {
    color: var(--primary-color);
    display: block;
}


.box-branch2 {
    font-size: 1.2rem;
}
.box-title-width2{width: 180px;}
.box-title2{background: var(--secondary-lite-color);color:var(--primary-color);padding: 5px 9px;border-radius: 4px;text-align: center;display: inline-block;position: relative;z-index: 1;}
.section-branch2{padding:35px 0 0 0;margin: 0 auto;position: relative;
    display: flex;flex-wrap: wrap;
}
.right-items2, .left-items2 {
	width: 50%;
	display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.right-items2 {
    justify-content: flex-end;
}
.left-items2 {
    justify-content: flex-start;
}
.right-subsidiary2 {
	position: absolute;
	right: calc(50% - 310px);
    margin-top: -35px;
}
.left-subsidiary2 {

	position: absolute;
	right: calc(50% + 150px);
	bottom: -15px;
}
.left-subsidiary2 ul {
	position: relative;
	padding-right: 40px;
	padding-left: 20px;
	margin: 14px auto;
}
.left-subsidiary2 ul::before {
	content: '';
	width: 2px;
	height: calc(100% - 36px);
	/* background: var(--primary-very-lite-color); */
	border-right: 2px dotted var(--primary-very-lite-color);
	position: absolute;
	right: 10px;
	top: 18px;
}
.left-subsidiary2 ul::after {
	content: '';
	width: calc(100% + -150px);
	height: 2px;
	position: absolute;
	bottom: 16px;
	right: -60px;
	left: 0;
	border-top: 2px dotted var(--primary-very-lite-color);
}
.left-subsidiary2 ul li {
	width: 160px;
	display: block;
	background: var(--primary-more-lite-color);
	color: var(--primary-color);
	padding: 5px 10px;
	border-radius: 4px;
	margin-bottom: 8px;
	position: relative;
	font-size: 1.2rem;
	text-align: center;
}
.left-subsidiary2 ul li::before {
	content: '';
	width: 30px;
	height: 2px;
	position: absolute;
	right: -30px;
	bottom: 16px;
	/* background: var(--primary-very-lite-color); */
    border-top: 2px dotted var(--primary-very-lite-color);
}
.right-subsidiary2 .box-title2::after {
	content: '';
	width: calc(100% + -50px);
	height: 2px;
	position: absolute;
	top: 50%;
	right: 100%;
	left: 0;
	border-top: 2px dotted var(--primary-very-lite-color);
}
/* .section-branch2::before {
	content: '';
	width: 2px;
	height: 100%;
	background: var(--primary-very-lite-color);
	position: absolute;
	top: 0;
	right: 0px;
	left: 0px;
	margin: 0 auto;
} */
.box-section-branch2 {
    position: relative;
}
.box-section-branch2 .section-branch2::before {
	content: '';
	width: 2px;
	height: 100%;
	background: var(--primary-very-lite-color);
	position: absolute;
	top: 0;
	right: 0px;
	left: 0px;
	margin: 0 auto;
}
.box-section-branch2 .section-branch2.section-branch-last::before {
	content: none;
}
.section-branch2 .left-items2 .item2:nth-last-child(2) + .last-secbranch2 {
	position: absolute;
	width: 2px;
	background: var(--background-color);
	right: 0;
    bottom: 0;
}
.section-branch2 .right-items2 .item2:nth-child(2) + .last-secbranch2 {
	position: absolute;
	width: 2px;
	background: var(--background-color);
	right: 0;
    bottom: 0;
}
.section-branch2:first-child{margin-top: 40px;}
.section-branch2 .item2{display: inline-grid;margin: 0 10px 20px;position: relative}
.section-branch2 .item2::before{content:'';width:2px;height: 35px;background: var(--primary-very-lite-color);position: absolute;top: -35px;right: 90px;}
.section-branch2 .item2::after {
	content: '';
	width: calc(100% + 20px);
	height: 2px;
	background: var(--primary-very-lite-color);
	position: absolute;
	top: -35px;
	right: -10px;
}
.section-branch2 .item2:first-child::after {
    width: calc(50% + 10px);
    right: calc(50%);
}
.section-branch2 .item2:last-child::after {
    width: calc(50% + 10px);
    right: -10px;
}
/* .section-branch2 .right-items2 .item2:first-child:after {
	width: calc(100% - 80px);
  right: 90px;
}
.section-branch2 .left-items2 .item2:last-child:after {
	width: 100px;
  right: -10px;
} */
.section-branch2 .item2 ul {
	position: relative;
	padding-right: 25px;
    padding-left: 5px;
	margin: 14px auto 0;
}
.section-branch2 .item2 ul::before{content:'';width:2px;height: 100%;background: var(--primary-very-lite-color);position: absolute;right:10px;top:-24px;}
.section-branch2 .item2 ul li {
	width: 154px;
	display: block;
	background: var(--primary-more-lite-color);
    color: var(--primary-color);
	padding: 5px 10px;
	border-radius: 4px;
	margin-bottom: 8px;
	position: relative;
	font-size: 1.2rem;
	text-align: center;
}
.main-branch2 {
    text-align: center;
    margin-top: 40px;
    position: relative;
}
.main-branch2:first-child {
    margin-top: 0px;
}
/* .section-top2::after {
	content: '';
	width: 2px;
	height: 100%;
	position: absolute;
    top: 0;
	bottom: 0;
	right: 0;
    left: 0;
	background: var(--primary-very-lite-color);
	margin: 0 auto;
} */
.box-title-top::after {
	content: '';
	width: 2px;
	height: 30px;
	background: var(--primary-very-lite-color);
	position: absolute;
	bottom: -30px;
	right: 89px;
}
.main-branch2-end {
    margin-top: -20px;
    margin-bottom: 22px;
}
.main-branch2-end .box-title2::after {
	content: none;
}

.section-branch2 .item2 ul li:before{content: '';width: 15px;height: 2px;position: absolute;right: -15px;bottom: 16px;background: var(--primary-very-lite-color);}

.box-title2 a, .section-branch2 .item2 ul li a, .right-subsidiary2 ul li a, .left-subsidiary2 ul li a {
	color: var(--primary-color);
	display: block;
	padding: 0 8px 2px;
	text-indent: -15px;
}
.help-chart {
	position: absolute;
	z-index: 1;
	left: 4px;
	top: 6px;
	cursor: pointer;
	background: url(../img/icon/info-circle.svg) 0 0 no-repeat;
	background-size: contain;
	width: 1.8rem;
	height: 1.8rem;
	float: right;
}


.box-branch2 {
}
.section-top2 {
    position: relative;
}
.section-topwidth2 {
    padding-bottom: 40px;
}
.section-branch2 {
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}
.section-branch2:first-child {
	margin-top: 0;
}
.right-items2, .left-items2 {
	flex-wrap: nowrap;
}
.section-topwidth2 {
    /* overflow-x: auto;
  overflow-y: hidden; */
  position: relative;
}
.section-branch2 {
    overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}

/* .section-branch2 {
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
} */



.height-max {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
}

.box-section-center3 {
    margin: 0 auto;
    display: table;
}

.box-branch3 {
	font-size: 1.2rem;
	margin: 40px auto 60px;
	max-width: 1300px;
	overflow-x: auto;
	overflow-y: visible;
	padding-bottom: 65px;
}
.box-title-width3{width: 180px;}
.box-title3 {
	background: var(--secondary-lite-color);
	color: var(--primary-color);
	padding: 0px 9px;
	border-radius: 4px;
	text-align: center;
	display: inline-flex;
	position: relative;
	z-index: 1;
	height: 39px;
	justify-content: center;
	align-items: center;
}
.section-branch3{
    padding:35px 0 0 0;margin: 0 auto;position: relative;
    display: flex;flex-wrap: wrap;
}
.right-items3, .left-items3 {
	width: 50%;
	display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.right-items3 {
    justify-content: flex-end;
}
.left-items3 {
    justify-content: flex-start;
}
.right-subsidiary3 {
	position: absolute;
	right: calc(50% - 310px);
	margin-top: 34px;
	top: 0;
}
.left-subsidiary3:not(.loop-bottom3) {
	position: absolute;
	right: calc(50% + 150px);
	top: -13px;
}
.left-subsidiary3:not(.loop-bottom3) ul {
	position: relative;
	padding-right: 40px;
	padding-left: 20px;
	margin: 14px auto;

    transform: rotate(180deg);
  transform-origin: top;
}
.left-subsidiary3:not(.loop-bottom3) ul::before {
	content: '';
	width: 2px;
	height: calc(100% - 38px);
	/* background: var(--primary-very-lite-color); */
	border-right: 2px dotted var(--primary-very-lite-color);
	position: absolute;
	right: 230px;
	top: -19px;
}
.left-subsidiary3:not(.loop-bottom3) ul::after {
	content: '';
	width: calc(100% + -160px);
	height: 2px;
	position: absolute;
	top: -20px;
	left: 0;
	right: 230px;
	border-top: 2px dotted var(--primary-very-lite-color);
}
.left-subsidiary3:not(.loop-bottom3) ul li {
	width: 160px;
	display: block;
	background: var(--primary-more-lite-color);
	color: var(--primary-color);
	padding: 0px 9px;
	border-radius: 4px;
	margin-bottom: 8px;
	position: relative;
	font-size: 1.2rem;
	text-align: center;
    height: 39px;
    transform: rotate(180deg);
  transform-origin: top;
  display: flex;
  justify-content: center;
  align-items: center;
}
.left-subsidiary3:not(.loop-bottom3) ul li::before {
	content: '';
	width: 30px;
	height: 2px;
	position: absolute;
	right: -30px;
	bottom: 19px;
	/* background: var(--primary-very-lite-color); */
    border-top: 2px dotted var(--primary-very-lite-color);
}


.dot-right-subsidiary3 {
	position: absolute;
	left: calc(50% + 140px);
	top: -13px;
}
.dot-right-subsidiary3 ul {
	position: relative;
	padding-right: 40px;
	padding-left: 20px;
	margin: 14px auto;

    transform: rotate(180deg);
  transform-origin: top;
}
.dot-right-subsidiary3 ul::before {
	content: '';
	width: 2px;
	height: calc(100% - 38px);
	/* background: var(--primary-very-lite-color); */
	border-right: 2px dotted var(--primary-very-lite-color);
	position: absolute;
	right: 5px;
	top: -19px;
}
.dot-right-subsidiary3 ul::after {
	content: '';
	width: calc(100% + -160px);
	height: 2px;
	position: absolute;
	top: -20px;
	left: 0;
	right: -50px;
	border-top: 2px dotted var(--primary-very-lite-color);
}
.dot-right-subsidiary3 ul li {
	width: 160px;
	display: block;
	background: var(--primary-more-lite-color);
	color: var(--primary-color);
	padding: 0px 9px;
	border-radius: 4px;
	margin-bottom: 8px;
	position: relative;
	font-size: 1.2rem;
	text-align: center;
    height: 39px;
    transform: rotate(180deg);
  transform-origin: top;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dot-right-subsidiary3 ul li::before {
	content: '';
	width: 30px;
	height: 2px;
	position: absolute;
	left: -30px;
	bottom: 19px;
	/* background: var(--primary-very-lite-color); */
    border-top: 2px dotted var(--primary-very-lite-color);
}


.right-subsidiary3 > .box-title3::after {
	content: '' !important;
	width: calc(100% + -50px);
	height: 2px;
	position: absolute;
	top: 50%;
	right: 100%;
	left: 0;
	border-top: 2px dotted var(--primary-very-lite-color);
}
/* .section-branch3::before {
	content: '';
	width: 2px;
	height: 100%;
	background: var(--primary-very-lite-color);
	position: absolute;
	top: 0;
	right: 0px;
	left: 0px;
	margin: 0 auto;
} */
.box-section-branch3 {
    position: relative;
    margin-top: 30px;
}
.section-branch3 .item3 .section-branch-odd ,
    .section-branch3 .item3 .section-branch3 {
        padding-right: 0px;
        margin-right: -10px;
    }
.box-section-center3::before { /*.box-section-center3 .section-branch3::before*/
	content: '';
	width: 2px;
	height: 100%;
	background: var(--primary-lite-color);
	position: absolute;
	top: 0;
	right: 0px;
	left: 0px;
    /* right: calc(50% - 2px);
  left: unset; */
	margin: 0 auto;
}
.section-branch3 .item3 .box-section-center3::before {
    content: none;
}
.section-branch3 .item3 .box-section-center3 .section-branch3::before {
    content: '';
	width: 2px;
	height: 100%;
	background: var(--primary-very-lite-color);
	position: absolute;
	top: 0;
	right: 0px;
	left: 0px;
    /* right: calc(50% - 2px);
  left: unset; */
	margin: 0 auto;
}


.box-section-center3 .section-branch3.section-branch-last::before {
	content: none;
}
.section-branch3 .left-items3 .item3:nth-last-child(2) + .last-secbranch3 {
	position: absolute;
	width: 2px;
	background: var(--background-color);
	right: 0;
    bottom: 0;
}
.section-branch3 .right-items3 .item3:nth-child(2) + .last-secbranch3 {
	position: absolute;
	width: 2px;
	background: var(--background-color);
	right: 0;
    bottom: 0;
}
.section-branch3:first-child{margin-top: 40px;}
.section-branch3 .item3{display: inline-grid;margin: 0 10px 20px;position: relative}
.section-branch3 .item3::before{
    content:'';width:2px;height: 35px;background: var(--primary-very-lite-color);position: absolute;top: -35px;right: 89px;
}
.section-branch3 .item3::after {
	content: '';
	width: calc(100% + 20px);
	height: 2px;
	background: var(--primary-very-lite-color);
	position: absolute;
	top: -35px;
	right: -10px;
}
.section-branch3 .item3:first-child::after {
    width: calc(50% + 10px);
    right: calc(50%);
}
.section-branch3 .item3:last-child::after {
    width: calc(50% + 10px);
    right: -10px;
}
.section-branch3 .item3 .main-branch3 .box-title-top:last-child::after {
    content: none;
}
.section-branch3 .item3 .main-branch3 .box-title-top:not(:has(+ .loop-bottom3))::after {
    content: none;
}
.left-subsidiary3:not(.loop-bottom3) ul .main-branch3 .box-title-top:last-child::before ,
.dot-right-subsidiary3 ul .main-branch3 .box-title-top:last-child::before {
    content: none;
}
div:not(.left-subsidiary3) .main-branch3:last-child .box-title-top:last-child::after {
    /* content: none; */
}
.box-section-branch3:last-child .section-branch3:last-child::before {
    content: none;
}

/* .section-branch3 .right-items3 .item3:first-child:after {
	width: calc(100% - 80px);
  right: 90px;
}
.section-branch3 .left-items3 .item3:last-child:after {
	width: 100px;
  right: -10px;
} */

/* .loop-bottom3 {
	background-color: var(--background-color);
	position: relative;
	z-index: 2;
	margin: 0 auto;
	display: table;
} */
 .box-title-loop3 ~ .right-subsidiary3 > .box-title3::after {
    width: calc(100% + -130px);
 }
.loop-bottom3 ul {
	position: relative;
	padding-right: 25px;
    padding-left: 5px;
	margin: 14px auto 0;
    display: table;
}
.loop-bottom3 ul::before{
    content:'';width:2px;height: 100%;background: var(--primary-very-lite-color);position: absolute;right:10px;top:-24px;
}
.loop-bottom3 ul li {
	width: 154px;
	display: block;
	background: var(--primary-more-lite-color);
	color: var(--primary-color);
	padding: 0 9px;
	border-radius: 4px;
	margin-bottom: 8px;
	position: relative;
	font-size: 1.2rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 39px;
}

.left-subsidiary3.loop-bottom3 ul::before {
    background: transparent;
    border-right: 2px dotted var(--primary-very-lite-color);
}
.left-subsidiary3.loop-bottom3 ul li::before {
	background: transparent;
	border-bottom: 2px dotted var(--primary-very-lite-color);
}

.main-branch3 {
    text-align: center;
    margin-top: 30px;
    position: relative;
}
.main-branch3:first-child {
    /* margin-top: 0px; */
}
/* .section-top3::after {
	content: '';
	width: 2px;
	height: 100%;
	position: absolute;
    top: 0;
	bottom: 0;
	right: 0;
    left: 0;
	background: var(--primary-very-lite-color);
	margin: 0 auto;
} */
.box-title-top::before {
	content: '';
	width: 2px;
	height: 30px;
	background: var(--primary-very-lite-color);
	position: absolute;
	top: -30px;
	right: 89px;
}
.box-title-top::before {
	content: '';
	width: 2px;
	height: 30px;
	background: var(--primary-very-lite-color);
	position: absolute;
	top: -30px;
	right: 89px;
}
.section-top3 > .main-branch3 > .box-title-top:before {
	content: none;
}
.main-branch3-end {
    /* margin-top: 0px; */
    /* margin-bottom: 22px; */
}
.main-branch3-end .box-title3::after {
	content: none;
}

.loop-bottom3 ul li:before{content: '';width: 15px;height: 2px;position: absolute;right: -15px;bottom: 16px;background: var(--primary-very-lite-color);}

.box-title3 a, .loop-bottom3 ul li a, .right-subsidiary3 ul li a,
.left-subsidiary3:not(.loop-bottom3) ul li a,
.dot-right-subsidiary3 ul li a {
	color: var(--primary-color);
	display: block;
	padding: 0 0 0 10px;
	text-indent: -5px;
    line-height: var(--bs-body-line-height);
}
.help-chart {
	position: absolute;
	z-index: 1;
	left: 4px;
	top: 11px;
	cursor: pointer;
	background: url(../img/icon/info-circle.svg) 0 0 no-repeat;
	background-size: contain;
	width: 1.8rem;
	height: 1.8rem;
	float: right;
}

.left-subsidiary3:not(.loop-bottom3) ul .main-branch3 {
	transform: rotate(180deg);
	transform-origin: top;
	margin-top: 14px;
	margin-bottom: 14px;
	position: relative;
	top: 2px;
}
.left-subsidiary3:not(.loop-bottom3) ul .main-branch3 .box-title-top::before {
	height: 14px;
	top: -14px;
}
.left-subsidiary3:not(.loop-bottom3) ul .main-branch3 .box-title-top::after {
	height: 16px;
	bottom: -16px;
}

.dot-right-subsidiary3 ul .main-branch3 {
	transform: rotate(180deg);
	transform-origin: top;
	margin-top: 14px;
	margin-bottom: 14px;
	position: relative;
	top: 2px;
}
.dot-right-subsidiary3 ul .main-branch3 .box-title-top::before {
	height: 14px;
	top: -14px;
}
.dot-right-subsidiary3 ul .main-branch3 .box-title-top::after {
	height: 14px;
	bottom: -14px;
}

.section-branch3 .item3 .box-section-center3 .section-branch3::before {
    content: none;
}
.section-branch3 .item3.line-item3::before {
	height: 105px;
}
.section-branch3 .item3 .box-section-center3 .section-branch3 .item3:last-child:first-child:after {
    content: none;
}
.loop-bottom3 ul .loop-bottom3 ul::before {
    height: calc(100% - 12px);
    top: -14px;
}
.loop-bottom3 ul .loop-bottom3 ul {
    padding-left: 0;
}
.loop-bottom3 ul .loop-bottom3 ul li {
    width: 130px;
}
.section-top3 {
    position: relative;
}
.section-topwidth3 {
    padding-bottom: 40px;
}
.section-branch3 {
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}
.section-branch3:first-child {
	margin-top: 0;
}
.right-items3, .left-items3 {
	flex-wrap: nowrap;
}
.section-topwidth3 {
    /* overflow-x: auto;
  overflow-y: hidden; */
  position: relative;
}
.section-branch3 {
    /* overflow-x: auto;
  overflow-y: hidden;
  position: relative; */
}

/* .section-branch3 {
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
} */



.indicator-progress {
    display: none
}

[data-kt-indicator=on] > .indicator-progress {
    display: inline-block
}

[data-kt-indicator=on] > .indicator-label {
    display: none
}

.submit-btn-blue {
    background-color: var(--primary-color);
    height: 39px;
    color: var(--secondary-color);
}
.submit-btn-blue:hover {
    background-color: var(--primary-lite-color);
    color: var(--secondary-color);
}

.form-step .form-title {
	margin-top: 3.1rem;
	color: var(--primary-color);
	text-align: right;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}
.form-step .form-label {
	font-size: 11px;
	margin-bottom: 6px;
}
.form-step .input-container {
	margin-top: 8px;
}


.form-step .step {
    display: none;
}
.form-step .step.active {
    display: block;
}
.form-step .invalid-feedback {
    display: none;
    color: #dc3545;
    font-size: 0.875em;
}
.form-step .is-invalid ~ .invalid-feedback {
    display: block;
}

/*media*/
@media only screen and (min-width: 576px) {
    /* .table-responsive2 .divtable td, .table-responsive2 .divtable th {
        min-width: unset;
    } */
    .modal-sm {
        --bs-modal-width: 323px;
    }
}
@media only screen and (min-width: 768px) {
    .box-slider .swiper-button-next, .box-slider .swiper-rtl .swiper-button-prev,
    .box-slider .swiper-button-prev, .box-slider .swiper-rtl .swiper-button-next {
        top: calc(var(--swiper-navigation-top-offset, 50%) + 2.7rem);
    }
    .box-links.mt-4 {
        margin-top: 2.5rem !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
    .px-my-07 {
        padding-right: .7rem !important;
        padding-left: .7rem !important;
    }
    .h-sm-100 {
        height: 100% !important;
    }
    .post-date , .post-cate {
        width: 11rem;
    }
    .w-md-25 {
        width: 25% !important;
    }
    .w-md-20 {
        width: 20% !important;
    }
}

@media only screen and (min-width: 992px) {
    .home-boxslider {
        flex: 0 0 auto;
        width: 45%;
    }
    .last-boxnews , .top-boxbanner {
        flex: 0 0 auto;
        width: 27.5%;
    }
    .dropdown .dropdown-menu {
        min-width: 640px;
    }
    .dropdown:hover .dropdown-menu {
        display: flex;
    }

    .dropdown-menu.show {
        display: flex;
    }
    .box-news.mt-5 {
        margin-top: 2rem !important;
    }
    .w-lg-50 {
        width: 50% !important;
    }
    .section-branch-odd {
        padding-right: 200px;
    }
    .h-md-100 {
        height: 100% !important;
    }
}

@media only screen and (min-width: 1200px) {
    .w-xl-50 {
        width: 50% !important;
    }
    .box-samaneh .box-serv img {
        max-width: 8rem;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .title-line {
        width: 40%;
    }
    .boxlink .title-line {
        width: 60%;
    }
}

@media only screen and (min-width: 1400px) {
    .box-header .nav-item {
        font-size: 1.4rem;
    }
    .mx-my-3 {
        margin-right: calc(-2 * var(--bs-gutter-x));
        margin-left: calc(-2 * var(--bs-gutter-x));
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .title-line {
        width: 24%;
    }
    .boxlink .title-line {
        width: 60%;
    }
    .box-header .nav-item {
        font-size: 1.2rem;
    }
    .box-header .nav-link {
        margin: 0 0.5rem 1.5rem;
        font-size: 1.2rem;
        padding-right: 0.4rem !important;
        padding-left: 0.4rem !important;
    }
    .logo-text span {
        font-size: 1rem;
    }
    .logo-text strong, .logo-text span:nth-child(2) {
        font-size: 1rem;
        font-weight: bold;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .box-new a {
        height: 3.2rem;
        overflow: hidden;
    }
    .box-new-archive.box-new .text-exerpt a {
        height: auto;
    }
    .last-box-new img {
        height: 75px;
    }
    .box-content h4 , .box-content .heading {
        font-size: 1.5rem;
    }
    .title-line {
        width: 30%;
    }
    .col-my-5 {
        width: 33.33%;
    }
}

@media only screen and (max-width: 1399px) {
    .px-my-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .px-my-5-2 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
}

@media only screen and (max-width: 1199px) {
    .w-xl-50 .title-line {
        width: 10%;
    }
}

@media only screen and (max-width: 991px) {
  .gradient-header {
    margin-bottom: 2rem;
  }
  .btn-header {
    display: none !important;
  }
  .btn-header-icon {
    display: block !important;
  }
  .gradient-header span {
    font-size: 1.5rem
  }
  .gradient-header.rounded-4 {
    border-radius: var(--bs-border-radius-lg) !important;
  }
    .logo-text-icon {
        position: absolute;
    }
    .logo-icon{
        width: 4rem;
        margin:5px auto 0 !important;
    }
    .box-header.fixed .logo-icon{
        width: 3rem;
    }
    .logo-text span {
        font-size: 1rem;
    }
    .logo-text strong , .logo-text span:nth-child(2) {
        font-size: 1.1rem;
        font-weight: bold;
    }
    .dropdown-menu {
        padding: 0.5rem 0.7rem 1rem;
    }
    .dropdown-menu.show {
        flex-wrap: wrap;
        /* max-height: 350px; */
        overflow-y: scroll;
        width: 100%;
        margin:1rem auto !important;
    }

    .menu-box-mobile {
        position: relative;
        padding-bottom: 10px;
    }
    .menu-box-mobile .navbar {
        position: unset;
    }
    #navbarSupportedContent {
        position: absolute;
        right: 0;
        left: 0;
        top: 50px;
        z-index: 10000;
        background: var(--blue-very-lite-color);
        border-radius: 10px;
        width: 100%;
        padding: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }
    .box-header.fixed #navbarSupportedContent {
        top: 50px;
        max-height: calc(100vh - 100px);
        max-height: calc(100svh - 50px);
        overflow-y: auto;
    }

    .box-header .navbar-toggler {
        background-color: var(--secondary-color);
        color: var(--background-color);
        border: none;
        border-radius: var(--bs-border-radius-lg);
        padding: 0.7rem 1rem;
        box-shadow: none !important;
    }

    .box-header .nav-link {
        margin: 0.4rem 1rem 0.4rem;
    }

    .box-entesharat > div:nth-child(n+6) {
        display: none !important;
      }

    .home-boxslider {
        order: 1;
    }
    .last-boxnews {
        order: 3;
    }
    .top-boxbanner {
        order: 2;
    }
    .box-services .txt-serv h4 {
        font-size: 1.3rem;
    }
    .box-samaneh .txt-serv h4 {
        font-size: 1.3rem;
    }
    .box-samaneh .box-serv {
        width: 10rem;
        height: 10rem;
    }

    .section-branch2 {
        justify-content: flex-start;
    }
    .right-subsidiary2 {
        left: calc(50% - 260px);
        right: auto;
        margin-top: -45px;
    }
    .right-subsidiary2 .box-title2::after {
        left: 0;
        right: -47%;
        width: calc(100% + -95px);
    }
    .box-title-top::after {
        height: 30px;
        bottom: -30px;
    }
    .main-branch2 {
        margin-top: 60px;
    }
    .main-branch2 .mb-40 {
        margin-bottom: 60px;
    }
    .main-branch2-end {
        margin-top: 0px;
    }
    .section-top2::after , .box-title-top::after,
    .box-section-branch2 .section-branch2::before {
        /* background: var(--primary-lite-color); */
    }
    .box-title-width2 {
        width: 178px;
    }
    .left-subsidiary2 {
        right: calc(50% + 95px);
    }
    .left-subsidiary2 ul {
        padding-right: 30px;
        padding-left: 10px;
    }
    .left-subsidiary2 ul::after {
        right: -15px;
        width: calc(100% + -165px);
    }
    .left-subsidiary2 ul li::before {
        width: 20px;
        right: -20px;
    }
    .section-branch2 .item2 ul li {
        width: 152px;
    }


    .right-subsidiary3 {
        right: calc(50% - 200px);
        transform: scale(0.55);
    }
    .right-subsidiary3 > .box-title3::after {
        width: calc(100% + -70px);
        border-top: 4px dotted var(--primary-very-lite-color);
    }

    .section-branch3 .item3 .right-subsidiary3 {
        position: relative;
        margin-top: -7px;
        top: 18px;
        right: -60px;
    }
    .section-branch3 .item3 .right-subsidiary3 > .box-title3::after {
        width: 20px;
    }

    .box-title-loop3 ~ .right-subsidiary3 {
        right: calc(50% - 230px);
    }
    .box-title-loop3 ~ .right-subsidiary3 > .box-title3::after {
        width: 20px;
    }

    .right-subsidiary3 * {
        border-width: 3px !important;
    }

    /*
    .section-branch3 {
        justify-content: flex-start;
    }
    .right-subsidiary3 {
        left: calc(50% - 260px);
        right: auto;
        margin-top: -45px;
    }
    .right-subsidiary3 .box-title3::after {
        left: 0;
        right: -47%;
        width: calc(100% + -95px);
    }
    .box-title-top::after {
        height: 60px;
        bottom: -60px;
    }
    .main-branch3 {
        margin-top: 60px;
    }
    .main-branch3 .mb-40 {
        margin-bottom: 60px;
    }
    .main-branch3-end {
        margin-top: 0px;
    }
    .section-top3::after , .box-title-top::after,
    .box-section-branch3 .section-branch3::before {
        background: var(--primary-lite-color);
    }
    .box-title-width3 {
        width: 178px;
    }
    .left-subsidiary3 {
        right: calc(50% + 95px);
    }
    .left-subsidiary3 ul {
        padding-right: 30px;
        padding-left: 10px;
    }
    .left-subsidiary3 ul::after {
        right: -15px;
        width: calc(100% + -165px);
    }
    .left-subsidiary3 ul li::before {
        width: 20px;
        right: -20px;
    }
    .section-branch3 .item3 ul li {
        width: 152px;
    }
*/

    .modal-body .modal-btn a input[type="button"] {
        width: calc(100% - 10.5rem);
        padding: 0.5rem 1rem;
    }
    .modal-btn a::before {
        width: 10rem;
    }
    .modal-btn a::after {
        left: 1rem;
    }


}

@media only screen and (max-width: 767px) {
    .fixed .hide-stiky-mobile {
        display: none;
    }
    .fixed .logo-text {
        display: none !important;
    }
    .fixed .menu-box-mobile {
        padding-top: 10px;
    }
    .dropdown-menu ul {
        padding: 0px;
    }
    .box-single-content .leftContent {
        order: 1;
    }
    .box-single-content .rightSidebar {
        order: 2;
    }
    .col-md-12.leftContent {
        border: none;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .box-link a {
        font-size: 1.3rem;
        font-weight: bold;
    }
    .box-news .swiper-pagination-bullets {
        bottom: var(--swiper-pagination-bottom,-7px) !important;
    }

    .box-service {
        margin-bottom: 0.5rem;
    }

    header .rounded-4 {
        border-radius: var(--bs-border-radius-lg) !important;
    }
    .title-line {
        width: 40%;
    }

    .box-pop-table .nav-link-page {
        padding: .3rem !important;
    }
    .table-responsive2 td {
        padding: 3.5rem 0.5rem;
    }
    .table-responsive2 tr:nth-last-child(1) .acc-drop-table .accordion-body, .table-responsive2 tr:nth-last-child(2) .acc-drop-table .accordion-body {
        bottom: -1.1rem;
    }


    td:not(.box-acc-drop).divtdmore {
        position: relative;
    }
    td:not(.box-acc-drop).divtdmore::after {
        content: "";
        background: url(../img/icon/arrow-down.svg) 0 0 no-repeat;
        background-size: contain;
        width: 1.3rem;
        height: 1.3rem;
        position: absolute;
        left: 0;
        animation: bounceUpDown 2s infinite;
    }
    td:not(.box-acc-drop).divtdmore .divtd {
        max-height: 145px;
        overflow-y: auto;
        padding:0 0 0 6px;
    }

    @keyframes bounceUpDown {
        0%, 100% {
          bottom: 10px;
          animation-timing-function: ease-out;
        }
        50% {
          bottom: 20px;
          animation-timing-function: ease-in;
        }
      }

    td, th {
        max-width: 200px;
    }

    .table-responsive.d-block.d-md-none th , .table-responsive.d-block.d-md-none td,
    .table-responsive2.d-block.d-md-none th , .table-responsive2.d-block.d-md-none td {
        min-width: auto;
    }
    .table-responsive.d-block.d-md-none .divtable {
        overflow-x: unset;
    }
    .acc-drop-table .accordion-body {
        right: -14rem;
    }
    .acc-drop-table .accordion-body.body-tel-cal {
        right: -21rem;
    }
    .table-responsive.d-block.d-md-none .divtable .pagination {
        margin-top: 5rem;
    }

    .px-my-5 {
        padding-right: 2.2rem !important;
        padding-left: 2.2rem !important;
        overflow: hidden;
    }
    .px-my-5-2 {
        padding-right: 1.2rem !important;
        padding-left: 1.2rem !important;
        overflow: hidden;
    }
    .header-box-menu {
        overflow: unset;
    }
    .box-header .navbar-toggler {
        padding: 0.5rem 0.7rem;
    }
    .logo-icon{
        width: 3.5rem;
        margin:5px auto 0 !important;
    }
    .box-header.fixed .logo-icon{
        width: 3rem;
    }
    .logo-text span {
        font-size: 0.8rem;
    }
    .logo-text strong , .logo-text span:nth-child(2) {
        font-size: 0.9rem;
        font-weight: bold;
    }
    .btn-search img {
        width: 2rem;
        height: 2rem;
    }
    .menu-box-mobile .acc-drop img {
        display: none;
    }
    .box-circle img {
        width: 25px;
    }
    .btn-date {
        background-color: var(--secondary-more-lite-color);
        color: var(--primary-color);
        font-size: 0.9rem;
    }
    .box-new span {
        width: 100%;
    }
    .box-new a.btn-show {
        padding: 0.8rem 1em !important;
    }
    .box-new a.btn-down {
        padding: 0.8rem 0em !important;
        position: absolute;
        right: 0;
    }
    #flag .accordion-button {
        padding: 0.7rem 0.5rem !important;
        background-color: var(--secondary-color);
        width: 4rem;
    }
    #flag .accordion-button::after {
        filter: brightness(0) invert(1);
        margin-left: unset;
    }
    .box-botom-header {
        position: relative;
    }
    .box-botom-header::before {
        content: "";
        width: calc(100% + 3rem);
        height: 100px;
        background-color: var(--background-color);
        position: absolute;
        z-index: -1;
        bottom: 0;
        right: -1.5rem;
        left: -1.5rem;
    }
    .box-botom-header {
        z-index: 1;
        position: relative;
    }
    .col-my-5 {
        width: 50%;
    }
    .mx-my-3 {
        margin-right: calc(-1.5 * var(--bs-gutter-x));
        margin-left: calc(-1.5 * var(--bs-gutter-x));
    }
    .order-txt > div {
        border-radius: 0;
        padding-left: 3rem !important;
        padding-right: 3rem !important;
        padding-top: 10rem !important;
    }
    .box-services {
        border-radius: 0 !important;
    }
    .box-order {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .order-img {
        width: 85%;
        margin: -5rem auto 0;
        top: 5rem;
        z-index: 1;
    }
    .order-img::before {
        width: calc(100% - 1rem);
        top: 2rem;
        left: -1rem;
    }
    .order-img::after {
        top: 1rem;
        left: 0rem;
    }
    .flex-xs-column-reverse {
        flex-direction: column-reverse !important;
    }
    .mx-my-0 {
        margin-right: calc(-1.5 * var(--bs-gutter-x));
        margin-left: calc(-1.5 * var(--bs-gutter-x));
    }
    .m-miness3 {
        margin-right: calc(-2 * var(--bs-gutter-x));
        margin-left: calc(-2 * var(--bs-gutter-x));
    }
    .order-txt h3 {
        font-size: 1.8rem;
    }
    footer .title-line {
        width: 64%;
    }
    .quick-access a {
        font-size: 1.2rem;
    }
    .entesharat-txt > div {
        border-radius: 0 !important;
    }
    .order-btn > a , .cart-btn > a {
        width: 50%;
        font-size: 1.2rem;
    }
    .box-head .title-serv .title-content {
        font-size: 2rem;
    }
    .box-head .title-line {
        width: 10%;
    }
    .text-news-title {
        font-size: 1.8rem;
    }
    .crumbs, .crumbs * {
        text-align: center;
    }
    table {
        width: 100% !important;
    }
    .box-faq .accordion-button {
        padding: 1.2rem;
        font-size: 1.3rem;
    }
    .box-faq .accordion .accordion-item .accordion-header .accordion-button .flgnumber {
        height: 4.2rem;
        font-size: 1.2rem;
        margin-left: 0.5rem;
    }
    .box-samaneh .in-samaneh:nth-child(5), .box-samaneh .in-samaneh:nth-child(6), .box-samaneh .in-samaneh:nth-child(7), .box-samaneh .in-samaneh:nth-child(8), .box-samaneh .in-samaneh:nth-child(9) {
        width: 50%;
    }
    .section-branch {
        margin-right: 10px;
    }
    .main-branch .box-title::after {
        right: 10px;
    }
    .box-entesharat .px-my-07:nth-child(2n) {
        padding-right: 2rem !important;
    }
    .box-entesharat .px-my-07:nth-child(2n+1) {
        padding-left: 2rem !important;
    }
    .dynamic-page input[type="button"] {
        margin-bottom: 0;
        width: 100%;
        text-align: center;
    }
    .modal-body input[type="button"] {
        width: 100%;
        text-align: center;
    }

    .box-title , .section-branch .item ul li {
        width: 190px;
    }
    .section-branch .item::after {
        right: -188px;
    }
    .modal-body .modal-btn a input[type="button"] {
        width: calc(100% - 2.5rem);
        padding: 0.5rem 0.5rem;
    }
    .modal-btn a::before {
        width: 2.2rem;
        font-size: 0;
    }
    .modal-btn a::after {
        top: 1rem;
        left: 0.3rem;
    }
    .modal-body a input[type="button"] {
        font-size: 1.2rem;
    }
    [id^="pop-samaneh-"] .btn-close {
        left: 1rem;
    }
    [id^="pop-samaneh-"] .modal-title {
        font-size: 1.4rem;
    }


    .main-branch2 {
        text-align: right;
    }
    .section-top2::after {
        margin: 0 20px 0;
    }
    .box-title-top::after {
        /* right: 22px; */
    }
    .box-section-branch2 .section-branch2::before {
        /* content: none; */
        right: 2px;
        left: unset;
    }
    .section-branch2 .item2:first-child::after {
        width: calc(100% + 20px);
        right: -8px;
    }
    .section-branch2 .item2:last-child::after {
        width: calc(75px);
        right: -10px;
    }
    .section-top2::after, .box-title-top::after ,
     .box-section-branch2 .section-branch2::before {
        background: var(--primary-very-lite-color);
    }
    .section-branch2 {
        margin-right: 20px;
      }
      .right-subsidiary2 {
        left: calc(100% - 216px);
      }
      .left-subsidiary2 {
        right: 130px;
      }
      .left-subsidiary2 ul {
        padding-right: 25px;
        padding-left: 5px;
      }
      .left-subsidiary2 ul li {
        width: 142px;
        padding-left: 1px;
      }
      .left-subsidiary2 ul::before {
        border-right: 2px dotted var(--primary-very-lite-color);
    }
      .left-subsidiary2 ul::after {
        right: 0px;
        width: calc(100% + -160px);
        border-top: 2px dotted var(--primary-very-lite-color);
      }
      .left-subsidiary2 ul li::before {
        width: 14px;
        right: -14px;
        border-top: 2px dotted var(--primary-very-lite-color);
      }
      .right-subsidiary2 .box-title2::after {
        width: calc(100% + -70px);
        border-top: 2px dotted var(--primary-very-lite-color);
      }
      .box-title-width2 {
        width: 130px;
      }
      .section-branch2 .item2::before {
        right: 64px;
    }

/*
    .main-branch3 {
        text-align: right;
    }
    .section-top3::after {
        margin: 0 20px 0;
    }
    .box-title-top::after {
        right: 22px;
    }
    .box-section-branch3 .section-branch3::before {
        right: 2px;
        left: unset;
    }
    .section-branch3 .item3:first-child::after {
        width: calc(100% + 20px);
        right: -8px;
    }
    .section-branch3 .item3:last-child::after {
        width: calc(75px);
        right: -10px;
    }
    .section-top3::after, .box-title-top::after ,
     .box-section-branch3 .section-branch3::before {
        background: var(--primary-very-lite-color);
    }
    .section-branch3 {
        margin-right: 20px;
      }
      .section-branch3 .item3 .section-branch3 {
        margin-right: 0px;
      }
      .right-subsidiary3 {
        left: calc(100% - 216px);
      }
      .left-subsidiary3 {
        right: 130px;
      }
      .left-subsidiary3 ul {
        padding-right: 25px;
        padding-left: 5px;
      }
      .left-subsidiary3 ul li {
        width: 142px;
        padding-left: 1px;
      }
      .left-subsidiary3 ul::before {
        border-right: 2px dotted var(--primary-very-lite-color);
    }
      .left-subsidiary3 ul::after {
        right: 0px;
        width: calc(100% + -160px);
        border-top: 2px dotted var(--primary-very-lite-color);
      }
      .left-subsidiary3 ul li::before {
        width: 14px;
        right: -14px;
        border-top: 2px dotted var(--primary-very-lite-color);
      }
      .right-subsidiary3 .box-title3::after {
        width: calc(100% + -70px);
        border-top: 2px dotted var(--primary-very-lite-color);
      }
      .box-title-width3 {
        width: 130px;
      }
      .section-branch3 .item3::before {
        right: 64px;
    }
    */

    .nationalCodeForm{order:1;}
    .emptyDivForm{order:2;}
    .cardNoForm{order:3;}
    .trackingCodeForm{order:4;}
    .captchaForm{order:5;}
    .submitBtnForm{order:6;}

}

@media only screen and (max-width: 575px) {
    .modal-content {
        width: calc(100% - 0.5rem);
        margin: 0 auto;
    }

    .dot-right-subsidiary3 {
        left: calc(50% + 18px);
        top: 2px;
        transform: scale(0.55);
        transform-origin: top;
    }
    .dot-right-subsidiary3 ul::before {
        right: 30px;
    }
    .dot-right-subsidiary3 ul li::before {
        width: 13px;
        left: -13px;
    }
    .dot-right-subsidiary3 ul::after {
        right: -30px;
    }

    .box-title-width3 {
        width: 160px;
    }
    .box-title-top::before {
        right: 79px;
    }
    .box-title-top::after {
        right: 79px;
    }
    .section-branch3 .item3::before{
        right: 79px;
    }
    .loop-bottom3 ul li {
        width: 135px;
    }
    .loop-bottom3 ul .loop-bottom3 ul li {
        width: 110px;
    }
    .box-branch3 {
        font-size: 1.1rem;
    }
    .height-max {
        font-size: 1rem;
    }

    .right-subsidiary3 > .box-title3::after {
        width: calc(100% + -25px);
    }
    .box-title-loop3 ~ .right-subsidiary3 {
        right: calc(50% - 206px);
    }

}


.box-sub-title {
    border-radius: 10px;
    padding: 1.3rem 1.5rem;
    width: 100%;
    background-color: var(--primary-more-lite-color);
    border: 1px solid var(--green-very-lite-color);
    margin: 1rem auto;
    display: inline-block;
}

.h_iframe-aparat_embed_frame {
    padding-top: 56.25%; /* نسبت 16:9 برای ویدیو */
}
.cap-container{
    padding-top: 4px;
    display: flex;
    justify-content: start;
}

.box-separat {
    border-radius: 10px;
    padding: 1.3rem 0.7rem 1.5rem;
    background-color: var(--primary-more-lite-color);
    border: 1px solid var(--green-very-lite-color);
    margin: 0 auto 3rem;
}


main{min-height: 700px;}
@media only screen and (max-width: 499px) {
.site-statistics,.site-statistics span{display: inline-block!important;min-width: 49%;}
}