/*global*/
@media print {
	a[href]:after { content: none !important; }
	header,footer,aside,.hide_print {
			display: none !important;
	}
	.w_100_print {
		width: 100% !important;
	}
}

@font-face {
    font-family: "IRANSans";
    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: "IRANSans";
    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;
}


@font-face {
  font-family: "YekanBakhFaNum";
  src:
  url("../fonts/YekanBakhFaNum/YekanBakhFaNum-Light.woff") format("woff"),
  url("../fonts/YekanBakhFaNum/YekanBakhFaNum-Light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "YekanBakhFaNum";
  src:
  url("../fonts/YekanBakhFaNum/YekanBakhFaNum-SemiBold.woff") format("woff"),
  url("../fonts/YekanBakhFaNum/YekanBakhFaNum-SemiBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

body,span,p,a,address,u,ul,li{font-family:'YekanBakhFaNum';font-weight: normal; }
h1,h2,h3,h4,h5,h6,strong,b{font-family:'YekanBakhFaNum';font-weight: bold; }

*{padding:0;margin:0;}
*,*:after,*:before{box-sizing:inherit}
html {
	box-sizing:border-box;
	font-size: 10px;
}
body {
	font-size: 1.3rem;
}
a,li,a:hover,a:active,a:focus{text-decoration:none;list-style:none;}
ol, ul {
	padding-left: unset;
	padding-right: 1.5rem;
}

:focus{outline:none!important;}

:root {
    --pallet-color-a-1: #C8A201;
    --pallet-color-a-2: #D7BD4F;
    --pallet-color-a-3: #f8f0ca;
    --pallet-color-a-4: #faf7ea;
    --pallet-color-a-5: #F9F6E6;
    --pallet-color-a-6: #E9DA99;

    --pallet-color-b-2: #aa8f18;
    --pallet-color-b-3: #ad9c4e;
    --pallet-color-b-4: #928c73;

    --pallet-color-c-2: #a18504;
    --pallet-color-c-3: #5e5117;
    --pallet-color-c-4: #2e2913;

    --pallet-color-d-1: #314a77;
    --pallet-color-d-2: #5f79aab0;
    --pallet-color-d-3: #9aaccebe;
    --pallet-color-d-4: #e5edfc;

    --pallet-color-e-1: #ffffff;
    --pallet-color-e-2: #000000;
    --pallet-color-e-3: #eeeeee;
    --pallet-color-e-4: #545454;
    --pallet-color-e-5: #F5F5F5;
    --pallet-color-e-6: #333F46;
    --pallet-color-e-7: #A3A3A3;
}
img{max-width:100%;height:auto;}

p{
  text-align: justify;
  /* line-height: 2; */
}

/* 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;} */

/*header*/
.ltr {
	direction: ltr;
}
.sec-header {
	background-color: var(--pallet-color-d-2);
	position: relative;
	z-index: 2;
	right: 0;
	left: 0;
}
.home .sec-header {
  position: fixed;
}

.sec-bread {
  background: linear-gradient(90deg, var(--pallet-color-a-1) 0%, var(--pallet-color-a-3) 50%, var(--pallet-color-a-1) 100%);
}
.navbar-toggler {
	width: 4rem;
}
.navbar-toggler img {
  transform: scale(0.7);
}
.navbar-collapse {
	justify-content: center;
}
.nav-item, .nav-item a {
	color: var(--pallet-color-e-1) !important;
  font-weight: bold;
  font-size: 1.4rem;
}
.nav-item:hover, .nav-item a:hover {
	color: var(--pallet-color-a-1) !important;
}
.nav-item .dropdown-menu, .nav-item .dropdown-menu a {
	font-size: 1.3rem;
	padding: 0.7rem;
}
.dropdown-item {
  text-align: right;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: var(--pallet-color-a-4);
	background-color: transparent;
}
.dropdown-menu {
	background-color: var(--pallet-color-d-1);
	left: auto !important;
	right: 0;
}
.dropdown-menu ul {
  padding: 0;
}
.dropdown-toggle::after {
	content: "";
	background: url(../img/icon/polymericon.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;
}

#lang {
	position: relative;
	height: 0 !important;
}
#flag .accordion-body {
	position: absolute;
	width: 100%;
	background-color: var(--background-color);
	border-bottom-right-radius: var(--bs-accordion-border-radius);
	border-bottom-left-radius: var(--bs-accordion-border-radius);
}
#flag .accordion-item {
  border: none;
}
#flag .accordion-button {
    background-color: var(--secondary-more-lite-color);
    outline: none !important;
    font-size: 1.3rem;
    color: var(--primary-color);
    height: 3.3rem;
}
#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;
}
#flag .accordion-body {
	position: absolute;
	width: 100%;
	background-color: var(--pallet-color-e-1);
	color: var(--primary-color);
	z-index: 2;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
  height: 3.3rem;
}

.form-control {
  padding: 1rem 1rem;
  border-radius: var(--bs-border-radius-xxl) !important;
  border: 1px solid var(--pallet-color-e-7);
  font-size: 1.4rem;
}
.form-label {
	margin-bottom: .5rem;
	background-color: #fff;
	position: relative;
	top: 13px;
	right: 10px;
	padding: 0 5px;
}
.btn {
  padding: 1rem 1rem;
  border-radius: var(--bs-border-radius-xxl) !important;
}
.btn-search {
	padding: 0.4rem;
	border: none !important;
  background-color: var(--secondary-more-lite-color) !important;
}

.result-search {
	position: absolute;
	background: var(--pallet-color-e-1);
	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: 7.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 {
	background-color: #eee;
	border-radius: 1rem;
	margin: 1rem auto;
	width: calc(100% - 2rem);
	padding: 1rem;
}
.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 0;
}
.result-search .item li {
	list-style: none;
	padding: 0.1rem 1rem;

    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 {
	content: "";
	width: 0.7rem;
	height: 0.7rem;
	background-color: var(--pallet-color-a-2);
	float: right;
	border-radius: 50%;
	top: 1rem;
	right: 0;
	position: absolute;
}
.result-search span {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 1rem;
}
.result-search p {
	margin-bottom: 0;
}

.icon-header {
	border: 1px solid var(--pallet-color-a-1);
	border-radius: 5rem;
	min-width: 4rem;
  min-height: 4rem;
	padding: 0.15rem;
  color: var(--pallet-color-a-2);
}
.icon-header a {
  color: var(--pallet-color-a-2);
  font-size: 2rem;
  cursor: pointer;
}
.icon-header img {
	width: 24px;
	height: 24px;
}

.btn-call {
  /* background-color: var(--pallet-color-a-2); */
  background-image: linear-gradient(to right, var(--pallet-color-a-2) , var(--pallet-color-a-6) );
  color: var(--pallet-color-e-1);
  position: relative;
  z-index: 1;
}
.btn-txt {
  color: var(--pallet-color-d-1);
  font-weight: bold;
  display: inline-block;
  direction: ltr;
}


.btnsections {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 1;
	background-color: var(--pallet-color-a-2);
	border-radius: 5rem;
	width: 3.5rem;
	display: flex;
	flex-direction: column-reverse;
}
.btndown {
	position: relative;
	bottom: 1rem;
	right: 1rem;
	z-index: 1;
  display: contents;
}
.btnup {
	position: relative;
	bottom: 6rem;
	right: 1rem;
	z-index: 1;
  display: contents;
}
.btndown img {
	transform: rotate(180deg);
  padding: 1rem;
  height: 3.5rem;
}
.btnup img {
  padding: 1rem;
  height: 3.5rem;
}

.btntop {
	position: absolute;
	bottom: 1rem;
	background: rgba(255,255,255,0.8);
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 5rem;
	right: 0;
	left: 0;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem;
}

/*fullpage*/
.fp-overflow {
	padding: 0;
}
.section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fp-arrow.fp-prev , .fp-arrow.fp-next {
  border: none;
}
.content-slider {
	left: 0;
	bottom: 0;
	width: 45rem;
	padding: 4rem 5rem 4rem 7rem;
}
.content-slider::before {
  content: "";
  background-color: rgba(150, 150, 150, 0.12);
	backdrop-filter: blur(5px);
  border-radius: 0 2rem 0 0;
	border: 2px solid var(--pallet-color-a-1);
	border-left: 0;
	border-bottom: 0;
  position: absolute;
  left: 0;
  right:0;
  top:0;
  bottom: 0;
}
.content-slider h3 a {
	font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.5;
	color: var(--pallet-color-d-4);
	position: relative;
	z-index: 1;
}
.title-slider {
	position: absolute;
	top: 40%;
	right: 0;
	left: 0;
}
.title-slider h2 {
	font-size: 5rem;
	/* font-weight: bold; */
	line-height: 2.5;
	color: var(--pallet-color-a-1);
	position: relative;
	z-index: 1;
}
.english-slider {
	position: absolute;
	left: 45rem;
	bottom: 0;
	width: 50rem;
	text-align: left;
}
.english-slider H4 {
	font-size: 7rem;
	font-weight: bold;
	line-height: 0.9;
	color: var(--pallet-color-e-2);
  opacity: 0.6;
}

#fp-nav ul, .fp-slidesNav ul {
	display: flex;
	align-items: end;
	flex-direction: column;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background-color: var(--pallet-color-a-1);
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	height: 12px !important;
	width: 12px !important;
  margin: -2px 0 0 -2px !important;
  background-color: var(--pallet-color-d-3);
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
  margin: -2px 0 0 -2px !important;
  background-color: var(--pallet-color-a-1);
}
.fp-watermark {
	display: none;
}


/*main*/

.h-full-svh {
  height: 100svh;
  overflow: hidden;
  object-fit: cover;
}
.sec-services {
  background-color: var(--pallet-color-d-1);
}

.carousel-indicators{
  display: flex;
  align-items: end;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: 100%;
  width: 40px;
  left: 0;
  right: auto;
  gap: 10px;
}
.carousel-indicators button {
  height: 12px !important;
  width: 12px !important;
  border-radius: 50%;
  border: none !important;
  background-color: var(--pallet-color-d-3);
  opacity: 1;
}
.carousel-indicators button.active {
  background-color: var(--pallet-color-a-1);
}

.box-title .top-title {
  color: var(--pallet-color-a-1);
  font-size: 4rem;
}
.bottom-title {
	color: var(--pallet-color-a-2);
	opacity: 0.1;
	font-size: 7rem;
	font-weight: bold;
	position: absolute;
	top: -30px;
	right: 0;
	left: 0;
	text-align: center;
}

.box-services {
	height: 30svh;
	overflow: hidden;
  transition: all 0.5s ease-in-out;
}
.serv-back {
	position: absolute;
	right: 0;
	left: 0;
	top: -20%;
	bottom: 0;
	object-fit: cover;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.box-services:hover {
  background-color: var(--pallet-color-e-2);
}
.box-services:hover .serv-back {
  opacity: 0.5;
}

.serv-line::before {
	content: "";
	width: calc(100% - 14px);
	height: 1px;
	background-color: var(--pallet-color-a-3);
	position: absolute;
	top: calc(50% - 9px);
	right: 7px;
	left: 0;
	opacity: 0.5;
}
.serv-line::after {
  content: "";
  width: 1px;
  height: calc(100% - 15px);
  background-color: var(--pallet-color-a-3);
  position: absolute;
  top: 0;
  right: 50%;
  left: 0;
  opacity: 0.5;
}
.serv-txt::after {
    content: "";
    background: url(../img/icon/arrow-left.svg) 0 0 no-repeat;
    background-size: contain;
    width: 3rem;
    height: 3rem;
    float: left;
}
#sec_products .serv-txt::after , #sec_mines .serv-txt::after {
  content: none;
}
.serv-title a {
  color: var(--pallet-color-a-1);
}
.serv-title a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.serv-title strong {
  position: relative;
  z-index: 1;
}
.serv-txt {
  color: var(--pallet-color-e-1);
}
.serv-txt p {
  margin-bottom: 0;
  line-height: 2;
}
.serv-icon {
	width: 6.6rem;
	height: 6.6rem;
	z-index: 1;
}

.back-products {
  background-image: url(../img/sec-products.webp);
  background-repeat: no-repeat;
  background-size: 110%;
  transition: 1s all ease-in-out;
  background-position: 0;
}
.back-mines {
  background-image: url(../img/sec-mines.webp);
  background-repeat: no-repeat;
  background-size: 110%;
  transition: 1s all ease-in-out;
  background-position: 100%;
}

.back-black {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
}

/* .text-products::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
} */

/* #sec_products::before , #sec_mines::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
} */

.items-products {
  background-color: var(--pallet-color-e-1);
  opacity: 0;
  transition: 1s all ease-in-out;
  position: relative;
  z-index: 1;
}

#sec_products .items-products {
  left: -20%;
}
#sec_mines .items-products {
  right: -20%;
}

.prod-title a {
  color: var(--pallet-color-c-4);
  font-size: 2rem;
  font-weight: bold;
}
.btn-go-icon::before {
	content: "";
	background: url(../img/icon/component.svg) 0 0 no-repeat;
	width: 3rem;
	height: 3rem;
	float: left;
	background-size: contain;
}
.item-product:hover .btn-go-icon::before {
	background: url(../img/icon/arrow-left.svg) 0 0 no-repeat;
  background-size: contain;
}
.prod-txt {
	width: calc(100% - 5rem);
}
.prod-txt p {
	margin-bottom: 0;
}
.text-products {
  max-width: 520px;
}
.items-product {
  max-width: 780px;
  counter-reset: count 0;
}
.items-product .item-product {
  counter-increment: count 1;
}
.items-product .item-product::before {
	content: counter(count, decimal);
	width: 5rem;
	height: 5rem;
	min-width: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 1px solid var(--pallet-color-c-4);
	color: var(--pallet-color-c-4);
	border-radius: 50%;
	font-size: 3rem;
  margin-left: 2rem;
  padding-top: 0.5rem;
}

.btn-more {
  /* background-color: var(--pallet-color-a-1); */
  border: 1px solid var(--pallet-color-a-2);
  background-image: linear-gradient(to right, var(--pallet-color-a-2) , var(--pallet-color-a-6) );
  color: var(--pallet-color-e-1);
}
.btn-animation {
  position: relative;
  z-index: 1;
}
.btn-animation .btn-icon {
  position: absolute;
  transition: 0.5s all ease-in-out;
      left: 0.5rem;
    right: auto;
    opacity: 1;
}
.btn-animation .btn-txt {
	margin-right: 1rem !important;
	margin-left: 4.5rem !important;
	transition: 0.5s all ease-in-out;
}
.btn-animation:hover .btn-icon {
  position: absolute;
  -webkit-animation: move 0.3s ease both;
  animation: move 0.3s ease both;
}
.btn-animation:hover .btn-txt {
  margin-left: 1rem !important;
	margin-right: 4.5rem !important;
}
@keyframes move {
  0% {
    left: 0.5rem;
    right: auto;
    opacity: 1;
  }
  50% {
    left: 50%;
    right: 50%;
    opacity: 0;
  }
  100% {
    left: auto;
    right: 0.5rem;
    opacity: 1;
  }
}



.btn-more-rev .btn-icon {
  right: 0.5rem;
left: auto;
}
.btn-more-rev .btn-txt {
margin-left: 1rem !important;
margin-right: 4.5rem !important;
}
.btn-more-rev:hover .btn-icon {
-webkit-animation: moverev 0.3s ease both;
animation: moverev 0.3s ease both;
}
.btn-more-rev:hover .btn-txt {
margin-right: 1rem !important;
margin-left: 4.5rem !important;
}
@keyframes moverev {
  0% {
    right: 0.5rem;
    left: auto;
    opacity: 1;
  }
  50% {
    left: 50%;
    right: 50%;
    opacity: 0;
  }
  100% {
    right: auto;
    left: 0.5rem;
    opacity: 1;
  }
}
.btn-more-rev .btn-icon::before {
  transform: rotate(180deg);
}
.btn-more.disable {
 background-color: var(--pallet-color-e-3);
 background-image: none;
}
.btn-more.disable .btn-icon::before {
  background-color: var(--pallet-color-b-3);
 }
 .btn-more.disable .btn-txt {
  color: var(--pallet-color-b-4);
 }

/*services*/
#box_filter {
  background-color: var(--pallet-color-a-5);
}
#box_filter a {
  margin: 0 3px;
  background-color: var(--pallet-color-e-1);
  color: var(--pallet-color-c-4);
  transition: 0.3s all ease-in-out;
}
#box_filter a:hover {
  background-color: var(--pallet-color-a-1);
  color: var(--pallet-color-e-1);
}
#box_filter a.active {
  background-color: var(--pallet-color-a-2);
  color: var(--pallet-color-e-1);
}

.loop-serv {
  border: 1px solid var(--pallet-color-e-3);
  background-color: var(--pallet-color-e-5);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.num-serv {
  background-color: var(--pallet-color-a-6);
  border: 1px solid var(--pallet-color-a-6);
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--pallet-color-e-4);
}
.date-serv {
  border: 1px solid var(--pallet-color-a-6);
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--pallet-color-b-4);
}
.title-serv a {
  height: 4.2rem;
  overflow: hidden;
  color: var(--pallet-color-c-4);
  font-weight: bold;
}
.text-serv {
  height: 4rem;
  overflow: hidden;
}
.loop-serv img {
  height: 14rem;
  object-fit: cover;
}

.form-search {
  background-color: var(--pallet-color-a-5);
  border: 1px solid var(--pallet-color-a-5);
}
.input-search {
	border: none;
	min-width: 25rem;
	background-color: var(--pallet-color-a-5);
	height: 4.8rem;
}
.search-icon::before {
	content: "";
	background: url(../img/icon/search-normal.svg) 0 0 no-repeat;
	width: 3.5rem;
	height: 3.5rem;
	float: left;
	background-size: 80%;
	background-position: center;
  filter: brightness(0) invert(1)
}
.search-bgicon {
  content: "";
  background-color: var(--pallet-color-a-2);
  border-radius: 50%;
  width: 4rem;
	height: 4rem;
}
.sep {
  color: var(--pallet-color-a-1);
  font-style: normal;
}

/*single-services*/
.single-title {
color: var(--pallet-color-a-1);
font-size: 2.5rem;
font-weight: bold;
line-height: 1.5;
}
h1.single-title {
  font-size: 3.1rem;
}
.single-content p {
  font-size: 1.4rem;
  line-height: 2;
}
.single-date-serv , .single-delay-serv {
  font-size: 1.6rem;
  font-weight: bold;
}
.single-date-serv {
  color: var(--pallet-color-b-4);
  border-bottom: 1px solid var(--pallet-color-a-3);
}
.single-email-serv {
  font-size: 1.5rem;
  font-weight: bold;
}

.btn-serv {
  border: 1px solid var(--pallet-color-e-6);
  border-radius: 5rem;
  min-width: 3.7rem;
  padding: 0.15rem;
  color: var(--pallet-color-c-4);
  cursor: pointer;
}
.btn-checkbox {
  border: 1px solid var(--pallet-color-a-6);
}
.btn-link-icon::after {
	content: "";
	width: 2rem;
	height: 2rem;
	float: left;
	background-size: 100%;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.btn-link-icon-blue::before , .btn-link-icon-yellow::before {
	content: "";
	width: 2.6rem;
	height: 2.6rem;
	float: left;
	background-size: 60%;
	border-radius: 50%;
  position: absolute;
}
.btn-link-icon-blue::before {
	background-color: var(--pallet-color-d-1);
}
.btn-link-icon-yellow::before {
	background-color: var(--pallet-color-a-2);
}
.btn-link-icon-blue::after, .btn-link-icon-yellow::after {
	content: "";
	width: 2.6rem;
	height: 2.6rem;
	float: left;
	background-size: 60%;
	border-radius: 50%;
	background-position: center !important;
	background-repeat: no-repeat !important;
	position: relative;
}

.email-serv-icon::after {
  background-image: url(../img/icon/call2.svg);
}
.address-serv-icon::after {
  background-image: url(../img/icon/call2.svg);
}
.copy-serv-icon::after {
  background-image: url(../img/icon/link2.svg);
}
.print-serv-icon::after {
  background-image: url(../img/icon/printer.svg);
}
.download-serv-icon::after {
  background-image: url(../img/icon/document-download.svg);
}
.left-serv-icon::after {
  background-image: url(../img/icon/arrow-left2.svg);
}
.checkbox-icon::after {
  background-image: url(../img/icon/Checkbox.svg);
}
.call-icon::after {
	background: url(../img/icon/call2.svg);
}
.user-icon::after {
	background: url(../img/icon/user.svg);
  background-size: 73%;
}

.more-icon::after {
	background: url(../img/icon/arrow-left2.svg);
}
.btn-more-rev .more-icon::after {
	transform: rotate(180deg);
}

.send-icon::after {
	background: url(../img/icon/send.svg);
}

.filter-white::after {
  filter: brightness(0) invert(1);
}
.btn-txt-serv {
	color: var(--pallet-color-e-6);
	font-weight: bold;
	font-size: 1.2rem;
}
.btn-txt-serv2 {
	color: var(--pallet-color-d-1);
	font-weight: bold;
	font-size: 1.2rem;
}

.timer {
	background-color: var(--pallet-color-a-1);
  color: var(--pallet-color-e-1);
	font-size: 1.7rem;
	font-weight: bold;
}
.timer span {
  font-weight: bold;
}
.timer-title {
  border-left: 1px solid var(--pallet-color-e-1);
}

.swiper-button-next , .swiper-button-prev {
  width: 3.7rem;
  height: 3.7rem;
  border-radius: 50%;
  background-color: var(--pallet-color-a-2);
  color: var(--pallet-color-d-1);
  bottom: 1rem;
  top: auto;
}
.swiper-button-next {
	left: auto !important;
	right: var(--swiper-navigation-sides-offset,55px) !important;
}
.swiper-button-next::after, .swiper-button-prev::after {
	font-size: 2.4rem;
}

.icon-side-serv {
  position: fixed;
  top: 40%;
  left: 1rem;
  z-index: 1;
}
.icon-side-serv .btn-link-icon-blue::before, .icon-side-serv .btn-link-icon-yellow::before ,
.icon-side-serv .btn-link-icon-blue::after, .icon-side-serv .btn-link-icon-yellow::after {
	width: 3.8rem;
	height: 3.8rem;
  cursor: pointer;
}
.icon-side-serv .btn-link-icon-yellow::before {
  border: 1px solid var(--pallet-color-a-2);
  background-color: var(--pallet-color-e-1);
}
.icon-side-serv .btn-link-icon-blue::before {
  border: 1px solid var(--pallet-color-a-2);
  background-color: var(--pallet-color-a-2);
}
.icon-side-serv .filter-white::after {
	filter: none;
}

.rel-serv .loop-serv {
  margin: 0;
}

/*products*/
.btn-more-prod {
  width: 9.5rem;
}
.loop-product .img-product img {
  border: 1px solid var(--pallet-color-e-3);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

/*mains*/
.box-mains:nth-child(1) {
  margin-top: 3rem;
}
.box-mains:nth-child(2n) {
  flex-direction: row-reverse;
}
.loop-main {
  border: 1px solid var(--pallet-color-e-3);
  background-color: var(--pallet-color-e-5);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  transition: 0.3s all ease-in-out;
}
.loop-main:hover {
  background-color: var(--pallet-color-a-5);
}

/*single-mains*/
.swiper {
  width: 100%;
  /* max-width: 940px; */
}
.swiper.sliderSwiper {
  /* height: 80vh; */
}
.swiper.thumbnailSwiper {
  /* height: 20vh; */
}
.swiper.thumbnailSwiper .swiper-wrapper .swiper-slide {
  height: 140px;
  /* opacity: 0.5; */
  overflow: hidden;
}
.swiper.thumbnailSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.swiper.thumbnailSwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {
  border: 2px solid var(--pallet-color-a-1);
  box-sizing: border-box;
}
/*single-posts*/
.top-post {
	border: 1px solid var(--pallet-color-e-3);
	background-color: var(--pallet-color-e-5);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

/*page*/
.center-page {
  border: 1px solid var(--pallet-color-e-3);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.center-page img {
	margin: 1rem auto;
	display: table;
	/* width: auto !important; */
	height: auto !important;
	max-width: 1000px;
	border-radius: 10px;
}

/*news*/
.single-date-box {
  background-color: var(--pallet-color-e-1);
}
.pagination {
	justify-content: center;
	gap: 5px;
	padding: 0;
}
.pagination .page-item .page-link {
	background-color: var(--pallet-color-a-1);
	border: 1px solid var(--pallet-color-a-2);
	background-image: linear-gradient(to right, var(--pallet-color-a-2) , var(--pallet-color-a-6) );
	color: var(--pallet-color-d-1);
	border-radius: 5rem !important;
	min-width: 31.5px !important;
	font-size: 1.3rem;
	padding: 0.5rem;
}
.pagination .page-item.disabled .page-link {
	background-color: var(--pallet-color-e-3);
	background-image: none;
  color: var(--pallet-color-b-4);
}
.pagination .page-item:not(.disabled) .page-link:hover {
	background-color: var(--pallet-color-b-3);
  background-image: none;
  border: 1px solid var(--pallet-color-b-3);
  color: var(--pallet-color-e-1);
}

/*about*/
video {
	max-width: 100%;
}
.loop-about {
  background-color: var(--pallet-color-e-5);
  position: relative;
}
.loop-about::before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: var(--bs-border-radius-xxl);
	background: linear-gradient(-15deg, var(--pallet-color-a-1), rgb(255, 255, 255), var(--pallet-color-a-1));
	z-index: -1;
}
.btn-more-about {
	width: 13rem;
  display: none;
}

.single-content p.collapsed {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.more-icon.rotated {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

/*contact*/
.box-iframe iframe {
	width: 100%;
	height: 300px;
	border-radius: 3rem;
	box-shadow: 0 0 25px rgba(0,0,0,0.2);
}

/*footer*/
body:not(.home) .h-full-svh {
  height: auto;
  min-height: 100svh;
}
header {
  position: relative;
  z-index: 2;
}
main {
  position: relative;
  z-index: 1;
}
.back-footer {
  background-image: url(../img/sec-footer.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.back-footer::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
}

.box-footer {
	/* background-color: rgba(255, 255, 255, 0.8); */
	border-radius: 0 3rem 3rem 0;
  background-image: url(../img/Subtract.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
	min-height: 50svh;
	padding-left: 10rem !important;
}

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;
}
.address-call::before {
  background-image: url(../img/icon/location.svg);
}
.phone-call::before {
  background-image: url(../img/icon/call.svg);
}
.fax-call::before {
  background-image: url(../img/icon/direct.svg);
}
.pastalcode-call::before {
  background-image: url(../img/icon/sms.svg);
}
.email-call::before {
  background-image: url(../img/icon/sms.svg);
}
.refresh::before {
  background-image: url(../img/icon/refresh-2.svg);
}
.eye::before {
  background-image: url(../img/icon/eye.svg);
}
.doc-call::before {
  background-image: url(../img/icon/document-text.svg);
}
.quick-access a {
  position: relative;
  transition: 0.2s all ease-in-out;
  color: var(--pallet-color-c-4);
  transition: 0.3s all ease-in-out;
}
.quick-access li:hover a {
  margin-right: 5px;
}
.quick-access a::before {
	content: "";
	width: 0;
	height: 2px;
	transition: 0.2s all ease-in-out;
	background-color: var(--pallet-color-a-1);
	display: inline-block;
	margin-left: 5px;
}
.quick-access li:hover a::before {
  width: 6px;
}
.quick-access ul {
  display: flex;
  gap: 10px;
  flex-direction: column;
  position: relative;
}
.quick-access ul::before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  background-color: var(--pallet-color-a-1);
}

.sec-link {
  width: 98%;
}
.box-link {
	background-color: var(--pallet-color-d-3);
	border-radius: 0 5rem 5rem 0;
}
/* .box-link::before {
	content: '';
	width: 0;
	height: 0;
	border-left: 5.6rem solid transparent !important;
	border-top: 6.5rem solid var(--pallet-color-d-3) !important;
	display: table !important;
	position: absolute;
	bottom: 0;
	right: auto;
	left: -5.6rem;
} */
.box-link::before {
	content: '';
	width: 0;
	height: 0;
	border-left: 56px solid transparent !important;
	border-top: 66px solid var(--pallet-color-d-3) !important;
	display: table !important;
	position: absolute;
	bottom: 0;
	right: auto;
	left: -56px;
}
.box-link span {
  border-left: 2px solid var(--pallet-color-a-2);
  padding: 1rem;
  font-weight: bold;
  font-size: 1.7rem;
  text-align: center;
  min-width: 100px;
  width: 10%;
}
.box-link a {
  background-color: var(--pallet-color-e-1);
  padding: 1rem;
  position: relative;
  color: var(--pallet-color-c-4);
  width: 27%;
}
.box-link a::before {
  content: "";
  background: url(../img/icon/link.svg) 0 0 no-repeat;
  width: 2rem;
  height: 2rem;
  float: right;
  background-size: contain;
  background-position: center;
}

.title-footer {
  font-weight: bold;
  font-size: 1.7rem;
  color: var(--pallet-color-c-4);
}

.call-access span:not(:first-child) {
  display: inline-block;
  direction: ltr;
}



  /*media*/
  @media only screen and (min-width: 1920px) {
    html {
      font-size: 12px;
    }
    .text-products {
      max-width: 570px;
    }
    .items-product {
      max-width: 915px;
    }
    .box-link::before {
      border-left: 68px solid transparent !important;
      border-top: 79px solid var(--pallet-color-d-3) !important;
      left: -68px;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1520px;
    }

    .pagination .page-item .page-link {
      min-width: 37px !important;
      font-size: 1.4rem;
    }

  }
  @media only screen and (min-width: 1400px) {

  }
  @media only screen and (min-width: 1200px) {
    .w-md-20 {
      width: 20%;
    }
  }

  @media only screen and (max-width: 1399px) {

  }
  @media only screen and (max-width: 1129px) {

    .box-footer {
      border-radius: 2rem;
      padding-left: 3rem !important;
    }
    .sec-link {
      width: 100%;
    }
    .box-link {
      border-radius: 2rem;
    }
    .box-link::before {
      content: none;
    }
    .box-link a {
      width: 28.5%;
    }

  }
  @media only screen and (max-width: 1024px) {
    .footer-about {
      width: 100%;
    }
    .timer {
      font-size: 1.4rem;
      flex-direction: column;
    }
    .rb_countdown .running timer {
      font-size: 1.7rem;
    }

    .timer-title {
      border-left: none;
      text-align: center;
    }
    .rb_countdown {
      justify-content: center;
      text-align: center;
    }

  }

  @media (min-height: 768px) and (min-width: 1025px) {
    .main-down {
      margin-bottom: -10rem !important;
    }
  }

  @media only screen and (max-width: 991px) {
    #navbarSupportedContent {
        position: absolute;
        right: 0;
        left: 0;
        top: 125px;
        z-index: 10000;
        background: var(--pallet-color-d-1);
        width: 100%;
        padding: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }
    .box-header .navbar {
        position: unset;
    }
    .navbar-toggler-icon {
      color: var(--pallet-color-a-1);
    }
    .navbar-toggler {
      border: 1px solid var(--pallet-color-a-1);
      border-radius: 5rem;
      min-width: 4rem;
      min-height: 4rem;
      padding: 0.15rem;
      color: var(--pallet-color-a-2);
      outline: none;
    }
    .navbar-toggler:focus {
      box-shadow: none;
    }
    .dropdown-menu {
      background-color: var(--pallet-color-e-6);
    }
    .h-full-svh {
      height: auto;
      min-height: 100svh;
    }
    #sec_products .items-products {
      left: 0;
      opacity: 1;
    }
    #sec_mines .items-products {
      right: 0;
      opacity: 1;
    }
    .back-mines {
      flex-direction: column-reverse;
    }
    .single-title , h1.single-title {
      font-size: 2.3rem;
    }

  }
  @media only screen and (max-width: 767px) {
    .content-slider h3 a {
      font-size: 2.2rem;
    }
      .swiper.thumbnailSwiper .swiper-wrapper .swiper-slide {
          height: 80px;
      }
    .flag.icon-header {
      border-radius: 0;
      border-top: none;
      border-left: none;
      border-right: none;
      margin: 0 !important;
    }
    .flag.icon-header:last-child {
      border-bottom: none;
    }
   .logo-header {
    width: 200px;
    margin: 0 auto 15px !important;
   }
   .content-slider {
    width: 97%;
    padding: 3rem 4rem 2rem 4rem;
  }
  .serv-line::before , .serv-line::after {
    content: none;
  }
  .box-services {
    height: 23svh;
  }
  .back-products , .back-mines {
    background-size: cover !important;
  }
  .title-slider h2 {
    font-size: 4rem;
    line-height: 1.5;
  }
  .single-date-serv, .single-delay-serv {
    font-size: 1.4rem;
  }

  #sec_services {
    padding: 8rem 0;
  }
  .text-products {
    padding: 7rem 2rem !important;
    margin: 0;
  }
  .items-products {
    padding: 3rem 0;
  }

  .box-footer {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 3rem;
    background-image: none;
    padding-left: 1.5rem !important;
    margin: 7rem auto !important;
  }
  .sec-link {
    width: 100%;
  }
  .box-link {
    border-radius: 2rem;
    flex-direction: column;
  }
  .box-link::before {
    content: none;
  }
  .box-link a {
    width: 100%;
    margin: 0.5rem auto;
  }
  .box-link span {
    border-left: none;
  }
  .quick-access {
    margin: 1rem auto;
  }
  .loop-main {
    margin: 0;
  }
  .loop-serv {
    margin: 0;
  }
  #box_filter , .box-form-search {
    margin: 1rem auto;
  }
  .num-serv , .date-serv {
    font-size: 1rem;
  }

  .btn-animation {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .btn-animation .btn-icon {
    left: 0.1rem;
  }
  .btn-animation .btn-txt {
    margin-right: 0.75rem !important;
    margin-left: 3.5rem !important;
  }
  .btn-animation:hover .btn-txt {
    margin-left: 0.75rem !important;
    margin-right: 3.5rem !important;
  }

  .btn-more-rev.btn-animation .btn-icon {
    left: auto;
    right: 0.1rem;
  }
  .btn-more-rev.btn-animation .btn-txt {
    margin-left: 0.75rem !important;
    margin-right: 3.5rem !important;
  }
  .btn-more-rev.btn-animation:hover .btn-txt {
    margin-left: 3.5rem !important;
    margin-right: 0.75rem !important;
  }

  @keyframes move {
    0% {
      left: 0.1rem;
      right: auto;
      opacity: 1;
    }
    50% {
      left: 50%;
      right: 50%;
      opacity: 0;
    }
    100% {
      left: auto;
      right: 0.1rem;
      opacity: 1;
    }
  }

  @keyframes moverev {
    0% {
      right: 0.1rem;
      left: auto;
      opacity: 1;
    }
    50% {
      left: 50%;
      right: 50%;
      opacity: 0;
    }
    100% {
      right: auto;
      left: 0.1rem;
      opacity: 1;
    }
  }

  .call-access > div {
    flex-direction: column;
    padding-right: 2rem;
  }
  .call-access > div::before {
    position: absolute;
    right: -1rem;
    top: -3px;
  }

  .flex_order {
    display: flex;
    flex-direction: column;
  }
  .order_print{order:2;}
  .order_gallery{order:1;}
  .order_timer{order:3;}
  .order_support{order:4;}

  #modalProfile .modal-dialog {
    margin: 0;
  }
  #modalProfile .modal-content {
    /* height: 100vh;
    border: none;
    border-radius: 0;
    justify-content: center;
    padding: 20px; */
    width: 90%;
    margin: 0 auto;
  }

  }


  .verification-input {
    width: 5rem;
    height: 5.5rem;
    font-size: 2.4rem;
    font-weight: bold;
  }
  .cursor-pointer {
    cursor: pointer;
  }


  .verification-input {
    width: 50px;
    height: 60px;
    font-size: 24px;
    padding: 0;
    text-align: center;
  }

  /* استایل برای نمایش بهتر در موبایل */
  @media (max-width: 576px) {
    .verification-input {
      width: 45px;
      height: 55px;
      font-size: 20px;
      margin: 0 2px;
    }
  }

.toast-center-center {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: fixed !important;
    z-index: 999999;
}
.toast-message {
    font-weight: bold !important;
    font-size: 15px;
}
/* فایل CSS عمومی یا داخل <style> در layout */
.swal2-popup {
    font-size: 1.2rem !important;
    font-family: 'IRANSans', sans-serif;
    direction: rtl;
    text-align: right;
}

.swal2-confirm {
    font-size: 1rem !important;
    font-weight: bold;
    border-radius: 8px;
    padding: 10px 20px;
}

.swal2-title {
    font-weight: bold;
}

.swal2-content {
    font-size: 1.1rem;
}


.box-member {
    overflow: hidden;
}
.box-member::before {
    content: "";
    width: 100%;
    height: 32%;
    background-color: #dabf4c99;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.text-yellow2 {
    color: var(--pallet-color-a-1);
    background-color: #625f5f;
    padding: 1px 4px;
    border-radius: 5px;
}
.title-member {
    font-size: 1.6rem;
}
.div-img-member {
    padding: 2px;
    background: var(--pallet-color-a-1);
    border-radius: 50%;
    box-shadow: 0 8px 15px rgba(0,0,0,0.15);
}
.img-member{width: 120px; height: 120px; object-fit: cover; object-position: center;}
