a, a:hover, a:focus, a:visited {
    text-decoration: none !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: right !important;
    padding-left: var(--bs-breadcrumb-item-padding-x);
}

.input-group.datepicker {
    width: 100%;
}

.input-group.datepicker input {
    width: 80%;
    max-width: 80%;
    border-radius: 4px 0 0 4px !important;
}

.input-group.datepicker .input-group-prepend {
    width: 20%;
    max-width: 20%;
}

.input-group.datepicker .input-group-text {
    border-radius: 0 4px 4px 0 !important;
    height: 38px;
    border-left: 0;
}

.input-group.datepicker .input-group-text i {
    margin: 0 auto;
}

ul.pagination {
    direction: ltr;
    margin-top: 20px;
}

.infinite-scroll>.listener {
    width: 1px;
    height: 1px;
}

.dropdown-menu .dropdown-submenu {
    left: auto !important;
    right: 100%;
}

.comment-form>div {
    padding: 5px 10px;
}

img.captcha {
    height: 35.77px;
    vertical-align: middle;
    cursor: pointer;
}

.progress {
    height: 10px !important;
    border-radius: 4px !important;
}

/* ShareBox */
.sharebox img {
    width: 32px;
}

.sharebox a {
    filter: alpha(opacity=60);
    opacity: 0.6;
    cursor: pointer;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('widget32x32.png');
}

.sharebox a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.sharebox .facebook {
    background-position: 0 -64px;
}

.sharebox .twitter {
    background-position: 0 -256px;
}

.sharebox .googlebookmark {
    background-position: 0 -96px;
}

.sharebox .googleplus {
    background-position: 0 -128px;
}

.sharebox .friendfeed {
    background-position: 0 -288px;
}

.sharebox .del {
    background-position: 0 0;
}

.sharebox .linkedin {
    background-position: 0 -160px;
}

.sharebox .stumbleupon {
    background-position: 0 -224px;
}

.sharebox .email {
    background-position: 0 -32px;
}

.sharebox .print {
    background-position: 0 -192px;
}

form.form div.preview img {
    margin-top: 10px;
    max-width: 150px;
}.cp-2002 {
	background: #0758a8;
	box-shadow: 0 2px 5px rgba(70,72,77,.38);
	border-radius: 0.2rem;
	margin: 0.1rem;
	padding: 0.1rem;
}
.cp-2002 img {
	width: 100%;
}
.cp-2002 h2 {
	color: #fff;
	font-size: .89rem;
	text-align: center;
	font-weight: 700;
	font-family: vazir-light;
}.custom-preview-13 {
    padding: .6rem;
}
.custom_preview-13 {
	width: 100%;
	border-bottom: 1px solid #ddd;
	background: transparent;
	padding: 15px !important;
	text-align: center;
	transition: all 0.5s;
	border-radius: 1.4rem;
	background: #1f2c35;
}

.custom_preview-13:hover{

}
.custom_preview-13 img{
  border-radius: 1.4rem;
  width:100%;
  height: 260px;
}
.custom_preview-13 h3{
	color: #fff;
	font-size: 1rem;
	line-height: 0.9;
}
.custom_preview-13 p{
	color: #fafafa;
	font-size: .879rem;
	line-height: 1.8;
}.tasmin2024{
  padding:10px;
  margin:8px;
  text-align: center ;
  transition-property: transform;  
  background-color: #fff;
  box-shadow: 0 0 20px rgba(222, 222, 222, 0.8);
  border-radius: 10px;
  transition: 0.7s;
}
.tasmin2024:hover {
  text-align: center;
  background-color: #f7f7f7;
  box-shadow: 0 0 20px rgba(222, 222, 222, 0.8);
  border-radius: 10px;
  transform: translateY(-5px);
}
.tasmin2024 img {
  margin: 15px;
  transition: 0.6s;
  -webkit-transition-duration: 1.7s;
  -moz-transition-duration: 1.7s;
  -o-transition-duration: 1.7s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  width:80px !important;
}
.img-tasmin2024:hover {
  transform: translateY(5px);
  -webkit-transform: rotate(380deg);
  -moz-transform: rotate(380deg);
  -o-transform: rotate(380deg);
}
.tasmin2024 h3 {
  font-size: .8em;
  font-family: iranyekanwebregular;
  margin: 15px;
  color: #212121;
  text-align: center;
  line-height: 1.6;
}
.tasmin2024 h4 {
  font-size: .7em;
  font-family: iranyekanweblight;
  margin: 12px 5px;
  color: #a2a2a2;
  padding: 10px;
  line-height: 1.6;
  text-align: center;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}.cp-20 {
	position: relative;
	width: 100%;
	margin: 10px;
	padding: 0 !important;
	-webkit-transition: .3s all;
	padding: .5rem 0;
}
.cp-20:hover{
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: .3s all;
  transition: .3s all;
}
.cp-20 img {
  display: block;
  width: 100%;
  border: 0 !important;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .5s ease-in-out;
  padding: 0 !important;
  height: 230px !important;
}
.cp-20 img :hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.cp-20 .overl {
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 30px;
  background: transparent;
  background: -moz-linear-gradient(top,transparent 0,transparent 2%,rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(2%,transparent),color-stop(100%,rgba(0, 0, 0, 1)));
  background: -webkit-linear-gradient(top,transparent 0,transparent 2%,rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top,transparent 0,transparent 2%,rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top,transparent 0,transparent 2%,rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom,transparent 0,transparent 2%,rgba(0, 0, 0, 1) 100%);
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  -webkit-transition: background-color .2s ease-out;
  position: absolute;
}
.cp-20 .overl a {
  color: #fff;
  font-size: 1rem;
  font-family: IRANSans_bold;
}
.cp-20 .overl span {
  color: #eee;
  font-size: .78rem;
  font-family: IRANSans_light;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cp-20 .favourite {
  background: #5e5c5c5c;
  color: #ed1c24;
  display: inline;
  position: absolute;
  top: 20px;
  left: 20px;
  padding:.7rem;
  font-size: 16px;
}
.cp-20 .favourite i{
  color: #fff;
  font-size: 22px;
}

.cp-20 .favourite:hover i{
  color: #ff5959;
}.CPreview-b0e0{
  background:#fff;
  padding:15px;
  overflow: hidden;
  border-radius: 10px;
  border-bottom:5px solid #eee;
  box-shadow: 0px 5px 25px 0px rgba(0,0,0,.15);
}
.CPreview-b0e0 .img-product-cat1 {
  width: 30px;
  opacity: 0.1;
float:right;
}
.CPreview-b0e0 .img-product-cat2 {
  width: 30px;
  opacity: 0.1;
  float:left;
}
.CPreview-b0e0 h3{
  color:#212121;
  font-size:1rem;
}
.CPreview-b0e0 p{
	text-align: justify;
	font-size: .98rem;
}
.CPreview-b0e0 h5{
  color:#8c8d8e;
  font-size:.76rem;
  text-align: right;
}
.CPreview-b0e0 img {
  width: 61px;
  border-radius: 10px;
  float: left;
}.custom_preview-350 {
  position: relative;
  margin:0px !important;
  border-radius: 20px;

}
.custom_preview-350 img {
  width: 100%;
  object-fit: cover;
  max-height: 560px;
  border-radius: 20px;
}.single-banner1::before, .back-white::before, .CBlock-4eff::before {
  content: "";
  z-index: -1;
  position: absolute;
  height: 30px;
  bottom: -10px;
  right: 30px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 5px 15px #00000020;
  left: 30px;
}
.back-white{
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.15);
  border-radius: 20px;
  padding:30px;
}
.back-white .nader-share a svg {
  width: 18px;
  height: 18px;
}
.back-white svg {
  fill: #777676;
}
.back-white ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.back-white .nader-share a {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  transition: all .3s;
}
.back-white .nader-share a:hover {
  background: #282828;
}
.back-white .nader-share a:hover svg {
  fill: #dda14c;
}
.nader-share {
  border-bottom: 1px dashed #dddcdc;
}
.back-white p{
  font-size: 16px;
  line-height: 30px;
}
.skinconfig-style-keywords {
  background: #ececec;
  padding: .4rem;
  border-radius: .5rem;
  color: #212121;
  font-size: .78rem;
}
.back-white h5{
  border-top: 1px dashed #dddcdc;
}
.back-white span{
  font-size: 13px;
  font-weight: 700;

}
.si-header {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #f0f0f0;
}
.si-header svg {
  width: 20px;
  height: 20px;
  fill: #dba04c;
}
.si-header::before {
  width: 20px;
  background: #db9f4b;
}
.si-header::after {
  width: 60px;
  background: #dfdbdb;
}
.si-header span {
  font-size: 16px;
  font-weight: 700;
}
.single-banner1 .post-details .post-title h1 {
  font-size: 20px;
  font-weight: 700;
}

.single-banner1 .post-infos {
  margin-top: 15px;
  padding-top: 20px;
  border-top: 1px dashed #ddd;
}
.single-banner1 .post-thumbnail {
  height: 300px;
  overflow: hidden;
}
.single-banner1 .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.single-banner1 {
  position: relative;
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.15);
  border-radius: 20px;
}
.single-banner1 .post-infos .pib .icon svg {
  width: 40px;
  height: 18px;
  fill: #7b7a7a;
}
.post-infos span i {
  border-radius: 50px;
  background: #f3f3f3;
  margin: 0 .5rem;
  padding: 0.7rem;
  color: #999;
  font-size: 1rem;
}
.single-banner1 .post-infos .pib .pibt .bt, .single-banner .post-infos .pib .pibt .ba {
  font-size: 0.95rem;
  line-height: 16px;
  color: #7b7b7b;
  margin-left: 0.5rem;
  font-family: "Ray-bold";
}

.single-banner1 .aic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-banner1 .dfx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.single-banner1 .post-infos .pib .pibt a:hover {
  color: #d99e4a;
}
.single-banner1 .post-details .post-excerpt p {
  font-size: 14px;
  text-align: justify;
  color: #797979;
}
.single-banner1 .post-details .post-excerpt {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #dfdcdc;
}
.single-banner1 .post-infos .pib .pibt {
  flex-direction: row;
}
.single-banner1 .gap-2 {
  gap: .5rem !important;
}
.single-banner1 .post-infos .pib .icon svg {
  width: 38px;
  height: 18px;
  fill: #7b7a7a;
}
/*title*/
.single-banner1 .post-details .post-title h1 {
  font-size: 1.5rem !important;
  font-family: "Ray-black" !important;
  font-weight: 400 !important;
  color: #555;
}

.CBlock-4eff {
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.15);
  border-radius: 20px;
  padding: 30px;
}

.si-header {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #f0f0f0;
}
.si-header::after, .si-header::before {
  position: absolute;
  bottom: -1px;
  content: "";
  height: 2px;
}
.si-header::before {
  width: 30px;
  background: #db9f4b;
  z-index: 999;
}
.si-header span {
  font-size: 1rem;
  font-weight: 400;
}
.si-header span i {
  margin-left: 0.5rem;
}
.si-header span i {
  color: #dba04c;
}
.si-header span {
  font-size: 1rem !important;
  font-weight: 400 !important;
  font-family: "Ray-black";
}
.si-header::after, .si-header::before {
  position: absolute;
  bottom: -1px;
  content: "";
  height: 2px;
}

/*بخش مطالب محصولات و مقالات*/
.archive-banner {
  background-image: url("http://coppercity.ir/image/fm/93affaffef.jpg") !important;
  position: relative;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.15);
  border-radius: 20px;
  background:#fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "Ray-black";
}


.nader-breadcrumb {
  width: calc(100% - 40px);
  gap: 10px;
  margin: -17px auto;
  margin-bottom: -17px;
  font-size: 13px;
  font-weight: 700;
  background: var(--nader-color-white);
  border: 1px solid #eee;
  border-radius: 0 0 20px 20px;
}

.nader-breadcrumb {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Ray-bold";
}

.single-sidebar-section .sidebar-item {
  position: relative;
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.15);
  border-radius: 20px;
}

.single-sidebar-section .sidebar-item::before {
  content: "";
  z-index: -1;
  position: absolute;
  width: calc(100% - 40px);
  height: 50px;
  bottom: -8px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 5px 15px rgba(0,0,0,.1);
}


.single-sidebar-section .sidebar-item .si-header {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #f0f0f0;
  gap:11px;
}

.single-sidebar-section .sidebar-item .si-header::before {
  width: 25px;
  background: #d79d4b;
}
.single-sidebar-section .sidebar-item .si-header::after, .single-sidebar-section .sidebar-item .si-header::before {
  position: absolute;
  bottom: -1px;
  content: "";
  height: 2px;
}


.single-sidebar-section .sidebar-item .si-header span {
  font-size: 1rem;
  font-weight: 400;
  fill: #d79d4b;
}

.single-sidebar-section .sidebar-item .si-header::after {
  right: 30px;
}
.single-sidebar-section .sidebar-item .si-header::after {
  width: 90px;
  background:#aaa;
}


.si-category a {
  position: relative;
  display: flex;
  padding: 5px 16px 5px;
  font-size: 1rem;
  transition: all .3s;
  font-family: "Ray-bold";
  color: #303030;
}
.si-category a::before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  margin-left: 0.5rem;
  font-weight: 600;
}

.si-category a:hover {
  color: #d79d4b;
}

.nader-share {
  border-bottom: 1px dashed #dddcdc;
  list-style: none;
}

.nader-share a {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  transition: all .3s;
}
.nader-share a svg {
  width: 18px;
  height: 18px;
}


.nader-share a:hover {
  background: #303030;
}

.si-category {
  list-style: none;
  padding: 0 !important;
}

.nader-share a:hover {
  background: #303030;
  fill: #d79d4b;
}
.back-white img {
  width: 100%;
  height: auto;
}
@media (max-width: 576px) {
  .single-banner .post-details .post-title h1 {
    font-size: 1.5rem !important;
    font-family: "Ray-black" !important;
    font-weight: 400 !important;
    color: #555;
    text-align: center;
  }
  .post-title.d-flex.align-items-center.gap-3 {
    display: block !important;
  }
  .back-white .nader-share {
    display: none !important;
  }
}.card {
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  height: 376px;
}
.card img{
  border-radius: 8px 8px 0 0;
}
.card p{
  font-family: vazir-black;
	color: #212121;

}
.card :hover{ 
  border-radius: 8px;
}
.card img :hover{
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all .5s;
}
.card-body {
	color: #212121;
}.custom-preview-15 {
  padding: .5rem;
}
.card1 {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(102, 102, 102, 0.38);
  padding: .7rem;
}
.card1 img {
	border-radius: 8px 8px 0 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 1s linear;
	transition: .5s linear;
	min-height: 246px;
	object-fit: cover;
}
.card1 :hover img {
  transform: scale(1.05);
}
.card1 p {
  font-family: vazir-black;
  text-align: center;
  line-height: 1.8;
}
.card1 strong{
  font-family: vazir-light;
  color: #f14639;
  text-align: center;

}
.card1 .sefaresh {
	background: green;
	border-radius: 20px;
	opacity: 0.65;
	padding: .5rem 1rem;
	color: #fff;
	font-family: vazir-light;
	font-size: .89rem;
}
.card-body {
  text-align: center;
}.single_add_to_cart_button {
	background-color: #ff4228;
	box-shadow: 1px 2px 13px rgba(255, 66, 40, 0.5);
	min-height: 42px;
	font-size: 13px;
	border-color: transparent;
	vertical-align: middle;
	text-align: center;
	text-transform: none;
	text-shadow: none;
	white-space: unset;
	letter-spacing: .3px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: all .25s ease;
	padding: 5px 20px;
	border-radius: 35px;
	font-family: vazir;
	color: #fff;
}
.cp-shop bdi {
	color: #ff4228;
	font-size: 22px;
	font-family: vazir-bold;
	line-height: 2.4;
}
.product_title.entry-title {
	font-size: 31px;
	font-family: vazir-black;
}
.cp-shop p {
	margin-top: 20px;
	font-size: 16px;
	font-family: vazir-light;
	text-align: justify;
	line-height: 2;
}


.xts-action-btn {
	display: inline-block;
	vertical-align: middle;
}

.xts-wishlist-btn.xts-action-btn.xts-style-inline {
	color: #575757;
	font-size: 14px;
	font-family: vazir-light;
}
.xts-wishlist-btn.xts-action-btn.xts-style-inline a{
	color: #101010;
}
.xts-compare-btn.xts-action-btn.xts-style-inline a{
	color: #101010;

}
.xts-compare-btn.xts-action-btn.xts-style-inline {
	color: #575757;
	font-size: 14px;
	font-family: vazir-light;
}
.xts-single-product-actions {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(119,119,119,.2);
}
.product_title {
  font-size:28px
}
.product_meta .xts-label {
  color:#333;
  font-weight:600
}
.product_meta a {
  color:inherit
}
.xts-single-product-summary .product_meta {
  padding-top:20px;
  border-top:1px solid rgba(119,119,119,.2)
}
.product_meta > span {
	display: block;
	margin-bottom: 15px;
}
.product_meta .xts-label {
	color: #333;
	font-weight: 600;
}
.product_meta {
	margin: 1rem 0;
}
.product_meta + .xts-single-product-share {
	margin-top: -5px;
	padding: 1rem 0;
}
.xts-textalign-right {
	text-align: right;
}
.xts-social-label {
	margin-left: 5px;
	vertical-align: middle;
	font-weight: 600;
	line-height: 1;
}
.xts-social-icons.xts-style-default {
	margin-left: -7px;
	margin-right: -7px;
}
.xts-social-icons {
	display: inline-block;
	vertical-align: middle;
		margin-left: -4px;
	margin-right: -4px;
}.single-banner::before, .back-white::before, .CBlock-4eff::before {
  content: "";
  z-index: -1;
  position: absolute;
  height: 30px;
  bottom: -10px;
  right: 30px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 5px 15px #00000020;
  left: 30px;
}
.back-white{
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.15);
  border-radius: 20px;
  padding:30px;
}
.back-white .nader-share a svg {
  width: 18px;
  height: 18px;
}
.back-white svg {
  fill: #777676;
}
.back-white ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.back-white .nader-share a {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  transition: all .3s;
}
.back-white .nader-share a:hover {
  background: #282828;
}
.back-white .nader-share a:hover svg {
  fill: #dda14c;
}
.nader-share {
  border-bottom: 1px dashed #dddcdc;
}
.back-white p{
  font-size: 16px;
  line-height: 30px;
}
.skinconfig-style-keywords {
  background: #ececec;
  padding: .4rem;
  border-radius: .5rem;
  color: #212121;
  font-size: .78rem;
}
.back-white h5{
  border-top: 1px dashed #dddcdc;
}
.back-white span{
  font-size: 13px;
  font-weight: 700;

}
.si-header {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #f0f0f0;
}
.si-header svg {
  width: 20px;
  height: 20px;
  fill: #dba04c;
}
.si-header::before {
  width: 20px;
  background: #db9f4b;
}
.si-header::after {
  width: 60px;
  background: #dfdbdb;
}
.si-header span {
  font-size: 16px;
  font-weight: 700;
}
.single-banner .post-details .post-title h1 {
  font-size: 20px;
  font-weight: 700;
}

.single-banner .post-infos {
  margin-top: 15px;
  padding-top: 20px;
  border-top: 1px dashed #ddd;
}
.single-banner .post-thumbnail {
  height: 300px;
  overflow: hidden;
}
.single-banner .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.single-banner {
  position: relative;
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.15);
  border-radius: 20px;
}
.single-banner .post-infos .pib .icon svg {
  width: 40px;
  height: 18px;
  fill: #7b7a7a;
}
.post-infos span i {
  border-radius: 50px;
  background: #f3f3f3;
  margin: 0 .5rem;
  padding: 0.7rem;
  color: #999;
  font-size: 1rem;
}
.single-banner .post-infos .pib .pibt .bt, .single-banner .post-infos .pib .pibt .ba {
  font-size: 0.95rem;
  line-height: 16px;
  color: #7b7b7b;
  margin-left: 0.5rem;
  font-family: "Ray-bold";
}

.single-banner .aic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-banner .dfx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.single-banner .post-infos .pib .pibt a:hover {
  color: #d99e4a;
}
.single-banner .post-details .post-excerpt p {
  font-size: 14px;
  text-align: justify;
  color: #797979;
}
.single-banner .post-details .post-excerpt {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #dfdcdc;
}
.single-banner .post-infos .pib .pibt {
  flex-direction: row;
}
.single-banner .gap-2 {
  gap: .5rem !important;
}
.single-banner .post-infos .pib .icon svg {
  width: 38px;
  height: 18px;
  fill: #7b7a7a;
}
/*title*/
.single-banner .post-details .post-title h1 {
  font-size: 1.5rem !important;
  font-family: "Ray-black" !important;
  font-weight: 400 !important;
  color: #555;
}



/**/
.CBlock-4eff {
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.15);
  border-radius: 20px;
  padding: 30px;
}

.si-header {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #f0f0f0;
}
.si-header::after, .si-header::before {
  position: absolute;
  bottom: -1px;
  content: "";
  height: 2px;
}
.si-header::before {
  width: 30px;
  background: #db9f4b;
  z-index: 999;
}
.si-header span {
  font-size: 1rem;
  font-weight: 400;
}
.si-header span i {
  margin-left: 0.5rem;
}
.si-header span i {
  color: #dba04c;
}
.si-header span {
  font-size: 1rem !important;
  font-weight: 400 !important;
  font-family: "Ray-black";
}
.si-header::after, .si-header::before {
  position: absolute;
  bottom: -1px;
  content: "";
  height: 2px;
}

/*بخش مطالب محصولات و مقالات*/
.archive-banner {
  background-image: url("http://coppercity.ir/image/fm/93affaffef.jpg") !important;
  position: relative;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.15);
  border-radius: 20px;
  background:#fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "Ray-black";
}


.nader-breadcrumb {
  width: calc(100% - 40px);
  gap: 10px;
  margin: -17px auto;
  margin-bottom: -17px;
  font-size: 13px;
  font-weight: 700;
  background: var(--nader-color-white);
  border: 1px solid #eee;
  border-radius: 0 0 20px 20px;
}

.nader-breadcrumb {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Ray-bold";
}



.single-sidebar-section .sidebar-item {
  position: relative;
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.15);
  border-radius: 20px;
}

.single-sidebar-section .sidebar-item::before {
  content: "";
  z-index: -1;
  position: absolute;
  width: calc(100% - 40px);
  height: 50px;
  bottom: -8px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 5px 15px rgba(0,0,0,.1);
}


.single-sidebar-section .sidebar-item .si-header {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #f0f0f0;
  gap:11px;
}

.single-sidebar-section .sidebar-item .si-header::before {
  width: 25px;
  background: #d79d4b;
}
.single-sidebar-section .sidebar-item .si-header::after, .single-sidebar-section .sidebar-item .si-header::before {
  position: absolute;
  bottom: -1px;
  content: "";
  height: 2px;
}


.single-sidebar-section .sidebar-item .si-header span {
  font-size: 1rem;
  font-weight: 400;
  fill: #d79d4b;
}

.single-sidebar-section .sidebar-item .si-header::after {
  right: 30px;
}
.single-sidebar-section .sidebar-item .si-header::after {
  width: 90px;
  background:#aaa;
}


.si-category a {
  position: relative;
  display: flex;
  padding: 5px 16px 5px;
  font-size: 1rem;
  transition: all .3s;
  font-family: "Ray-bold";
  color: #303030;
}
.si-category a::before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  margin-left: 0.5rem;
  font-weight: 600;
}

.si-category a:hover {
  color: #d79d4b;
}

.nader-share {
  border-bottom: 1px dashed #dddcdc;
  list-style: none;
}

.nader-share a {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  transition: all .3s;
}
.nader-share a svg {
  width: 18px;
  height: 18px;
}


.nader-share a:hover {
  background: #303030;
}

.si-category {
  list-style: none;
  padding: 0 !important;
}

.nader-share a:hover {
  background: #303030;
  fill: #d79d4b;
}
.back-white img {
  width: 100%;
  height: auto;
}
@media (max-width: 576px) {
  .single-banner .post-details .post-title h1 {
    font-size: 1.5rem !important;
    font-family: "Ray-black" !important;
    font-weight: 400 !important;
    color: #555;
    text-align: center;
  }
  .post-title.d-flex.align-items-center.gap-3 {
    display: block !important;
  }
  .back-white .nader-share {
    display: none !important;
  }
}.cp-social i{
color: #707070;
font-size: 24px;
line-height: 0;
}
.cp-social i:hover {
	color: #ff9800;
	font-size: 24px;
	line-height: 0;
}
.cp-social {
	padding: .5rem;
}.cpage-cat {
	background: #fff;
	box-shadow: 0 3px 10px 0 #e8e8e8;
	border-radius: 18px;
	color: #333;
	transition: .5s;
}
.cpage-cat h3{
  color:#333;
  font-size:15px;
}
.cpage-cat i{
  color:#00acee;
  font-size:24px;
}.cpage-cat{
	background: #fff;
	box-shadow: 0 2px 5px rgba(70,72,77,.38);
	border-radius: 0.6rem ;
}
.cpage-cat img{
	width:100px;
}.CPreview-6bcb {
  padding:10px;
  overflow: hidden;
  background: #fff;
  margin: .5rem auto;
  width: 210px;
  height: 90px;
}
.CPreview-6bcb img {
  filter: grayscale(100%);
  height: auto;
  padding: 0 !important;
  max-height: 60px;
  width: auto;
  margin: 0 auto;
}.custom-preview-17 {
  padding: .7rem;
}
.thumb {
	overflow: hidden;
	text-align: center;
	position: relative;
	background: #fff;
	margin: 15px 0px;
	border: 1px solid #ececec;
	border-radius: 15px;
	padding: 10px;
	transition: 0.3s;
	min-height: 352px;
	min-width: 190px;
}
.thumb .fav {
  position: absolute;
  left: 0;
  top: 0;
  background: #dc3545;
  padding: .5rem;
  border-radius: 0 5px 30px 5px;
  color: #fff;
  z-index:1;
}
.thumb:hover .btn-float {
  opacity:1;
}
.thumb:hover .btn-product span {
  opacity:1;
  visibility:visible;
  transform:scaleX(1);
  margin-right:10px;
  font-size:12px;
}
.thumb .image {
  display:block;
  margin-bottom:10px;
}
.thumb img {
	display: block;
	width: 100%;
}
.products .thumb .image img {
  width:100%;
  height:auto;
  opacity:1;
}
.thumb .product-basket .btn-product i {
  font-size:.9rem;
}
.thumb h2 {
  display:block;
}
.thumb h2 .title {
  overflow: hidden;
  color: #313131;
  line-height: 1.5em;
  font-size: 14px;
  display: block;
}
.mode_mobile  .thumb h2 .title {
  font-size:12px;
  font-weight:400;
  overflow:hidden;
  text-overflow:ellipsis;
}
.thumb .subtitle {
  overflow:hidden;
  color:#7b7b7b;
  font-size:0.8em;
  line-height:1.5em;
  text-align:right;
  margin-bottom:10px;
}
.mode_mobile .thumb .subtitle {
  font-size:1em;
  color:#636060;
}
.thumb .rate {
  text-align:right;
  margin-bottom:10px;
}
.thumb .rate .rating-stars {
  width:auto;
}
.thumb .btn-product {
  transition: 0.3s;
  height: 40px;
  color: #ffffff;
  background-color: #364163;
  border-radius: 10px;
}
.mode_mobile .thumb .btn-product {
  position:absolute;
  width:30px;
  height:30px;
  bottom:0;
  right:15px;
  font-size:15px;
  text-align:center;
  border-radius:20px 20px 0 0;
}
.thumb .btn-product span {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  font-size: 0px;
  transform: scaleX(0);
}
.thumb .price-area {
  height:3rem;
  display:block;
  text-align:right;
  margin-bottom:10px;
}
.mode_mobile .thumb .price-area {
  height:2.5rem;
}
.thumb .price-area .price {
	font-size: 16px;
	color: #6a6a6a;
	font-weight: 700;
	line-height: 2;
}
.mode_mobile .thumb .price-area .price {
  color:#5f00a5;
  font-size:14px;
  font-weight:700;
}
.thumb .price-area .currency {
  font-size: 13px;
  color: #313131;
  font-weight: 700;
}
.mode_mobile .thumb .price-area .currency {
  font-size:9px;
  font-weight:500;
}
.thumb .price-area .old-price {
  text-decoration:line-through;
  display:inline-block;
  font-size:13px;
  text-decoration-color:#d90429;
  color:#d90429;
}
.mode_mobile .thumb .price-area .old-price {
  color:#5f00a5;
}
.thumb .price-area .off-percent {
  top:0px;
  left:0px;
  z-index:9;
  background-color:#d90429;
  padding:5px 0px;
  width:40px;
  height:40px;
  border-radius:15px 10px 45px 10px;
  font-size:14px;
}
.mode_mobile .thumb .price-area .off-percent {
  top:0;
  left:15px;
  z-index:9;
  background-color:#5f00a5;
  width:30px;
  height:30px;
  padding:7px 4px;
  font-size:10px;
  border-radius:0 0 15px 15px;
  right:unset;
  line-height:unset;
  min-width:unset;
  min-height:unset;
}
.thumb .badges {
  position:absolute;
  z-index:9;
  top:0px;
  left:10px;
}
.thumb .badges li {
  margin-bottom:5px;
  color:#fff;
  background-color:#5f00a5;
  color:#ffffff;
  padding:7px 4px;
  font-size:10px;
  border-radius:0 0 15px 15px;
  width:30px;
}
.thumb .badges li.badge-off::after {
  content:"حراج";
}
.thumb .badges li.badge-new::after {
  content:"جدید";
}
.thumb .badges li.badge-special::after {
  content:"ویژه";
}.custom_preview-1 {
	margin: 0.4rem 0;
}
.custom-preview-1 a{
  color: #555;
}
.custom_preview-1 .icon-box1 {
  background: #fff;
  font-size: 1em;
  display: block;
  overflow: hidden;
  padding: 30px;
  position: relative;
  text-align: center;
  -webkit-transition: box-shadow .4s cubic-bezier(.45,.01,.05,.92);
  -moz-transition: box-shadow .4s cubic-bezier(.45,.01,.05,.92);
  -ms-transition: box-shadow .4s cubic-bezier(.45,.01,.05,.92);
  -o-transition: box-shadow .4s cubic-bezier(.45,.01,.05,.92);
  transition: box-shadow .4s cubic-bezier(.45,.01,.05,.92);
  -webkit-perspective: 500px;
  width: 100%;
  cursor: pointer !important;
  border: 1px solid #ececec;
  border-radius: 25px;
}
.custom_preview-1 .icon-box1:hover {
  box-shadow: 0 3px 35px rgba(0,0,0,.09);
  transform: translatey(4px);
  transition: all ease-in-out .5s;
  cursor: auto;
}
.custom_preview-1 img{
  height:64px;
  width:64px;
  margin 10px;
}
.custom_preview-1  a{
  color: #69656f;
  -webkit-transition: color .15s ease-in-out;
  -moz-transition: color .15s ease-in-out;
  -ms-transition: color .15s ease-in-out;
  -o-transition: color .15s ease-in-out;
  transition: color .15s ease-in-out;
}
.custom_preview-1 a:hover {
  color: #ec406a;
}
.custom_preview-1 .icon-box1 .icon-box1-inner {
  position: relative;
  z-index: 2;
}
.custom_preview-1 .icon-box1 .icon-box1-inne a:hover {
  color: #ec406a;
}
.custom_preview-1 .icon-box1 .icon-box1-text {
  color: #69656f;
  font-size: .8em;
  opacity: 1;
  padding-top: 8px;
  overflow: hidden;
  line-height: 2.1;
  text-align: justify;
}


.custom_preview-1 .icon-box1-inner img {
  padding: 23px;
  clip-path: circle(50% at 50% 50%);
  background: #fafafa;
  width: 100px;
}
.custom_preview-1 .icon-box1 .icon-box1-title {
  font-size: .89rem;
  font-weight: 600;
  -webkit-transition: transform .4s cubic-bezier(.45,.01,.05,.92);
  -moz-transition: transform .4s cubic-bezier(.45,.01,.05,.92);
  -ms-transition: transform .4s cubic-bezier(.45,.01,.05,.92);
  -o-transition: transform .4s cubic-bezier(.45,.01,.05,.92);
  transition: transform .4s cubic-bezier(.45,.01,.05,.92);
  margin: .7rem 0;
  color:#212121;
}.card-20 {
	background: #fff;
	border-radius: .5rem;
}
.card-body h2 a{
	font-size: 1.2rem;
	color: #111;
	font-family: vazir-bold;
}
.card-body p {
	font-family: vazir-light;
	color: #202020;
	line-height: 1.3;
	text-align: justify;
	font-size: .89rem;
}
.card-body h5 {
	font-family: vazir-bold;
	color: #333;
	font-size: 1rem;
	text-align: right;
	line-height: 2.4;
}
.brand {
	font-size: .98rem;
	font-family: vazir;
	text-align: right;
}
.breadback {
	background: #fff;
	padding: 5px 15px;
	margin: 8px auto;
	border-radius: 8px;
	align-content: center;
	justify-content: center;
	font-size: .798rem;
	line-height: 2;
	height: 41px;
}
.card-20 img {
	border-radius: 8px 8px 0 0;
	width: 100%;
}.custom-preview-20 {
	padding: .3rem;
}
.service_box {
  background-color: #ffffff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border: 10px solid #fff;
  text-align: center;
  border-radius: 25px;
}
.service_box .service_img img {
  width: 100%;
  border-radius: 15px;
}
.service_box .service_img {
  position: relative;
  border-radius: 15px;
}
.service_box .service_img .icon-box {
  text-align: center;
  width: 42px;
  height: 42px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 0 25px 0 0;
}
.service_box .service_img .icon-box i {
  line-height: 48px;
  font-size: 18px;
  color: #38373C;
  font-weight: 300;
}
.service_box .service_img:before {
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.service_box:hover > .service_img:before {
  opacity: 0;
  visibility: visible;
}
.service_box:hover {
  background-color: #f9f9f9;
  color: #212121;
}
.service_box:hover h2 {
  color: #f5d974;
}
.service_box .btn-yellow {
  width: 100%;
  display: block;
  background-color: #F1F1F1;
  padding: 12px 0;
  font-size: 14px;
  font-family: sahel-bold;
  color: #212121;
}
.service_box .btn-yellow:hover {
  color: #38373c;
}
.service_box:hover .btn-yellow {
  background-color: #FFD763;
}
.service_box:hover p {
  color: #ffffff;
}
.service_box .service_details {
  padding: 40px 0 0px;
}
.service_details h2 a {
  display: block;
  -webkit-transition: .4s;

}
.service_details h2 {
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 600;
  font-family: sahel-bold;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-transition: .4s;

}
.service_details h4 {
  font-size: 13px;
  font-family: sahel;
  color: #777;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.8;
  -webkit-transition: .4s;

}
.service_details p {
  color: #87868a;
  font-size: 14px;
  margin-bottom: 30px;
  font-weight: 400;
  width: 83%;
  margin-left: auto;
  margin-right: auto;
  font-family: sahel;
  text-align: justify;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.service_center_left i {
  font-size: 50px;
}
.service_box .service_details {
  padding: 40px 0 0px;
}.custom_preview-10 img {
  width: 100%;
  border-radius: 20px;
}.custom-preview-22 {
	padding: .3rem;
}
.custom_preview-9 {
	width: 100%;
	position: relative;
	text-align: center;
	border-radius: 10px;
	background: #fff;
	padding: 10px 5px;
	border-bottom: 10px solid #fff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	box-shadow: 0 3px 12px rgba(70,72,77,.09);
	border: 1px solid #eee;
}
.custom_preview-9:hover {
  transition: all ease-in-out .5s;
  cursor: auto;
  transform: translatey(4px);
}
.custom_preview-9 .adminDemoImage {
  position: relative;
  display: inline-block;
  font: 15px/24px IRANSans_light;
  border-radius:10px;
  padding:0px 6px;
  padding-bottom: 0;

}

.custom_preview-9 .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  transition: ease 0.3s all;

}

.custom_preview-9 .img-responsive:hover {
  filter: blur(0px);

}
.custom_preview-9 .text-justify {
  text-align: justify;
}
.custom_preview-9 .Black {
  color: black !important;
  text-align:center;

}.CBlock-4e00 {
        display:table;
        width:100%;
    }
    .CBlock-4e00 .BlockHeader {
        display:table;
        width:100%;
    }
    .CBlock-4e00 .BlockBody {
        display:table;
        width:100%;
    }.CBlock-7025 {
        display:table;
        width:100%;
    }
    .CBlock-7025 .BlockHeader {
        display:table;
        width:100%;
    }
    .CBlock-7025 .BlockBody {
        display:table;
        width:100%;
    }.CBlock-3 {
        display:table;
        width:100%;
    }
.CBlock-3 .BlockHeader {
        display:table;
        width:100%;
    }
.CBlock-3 .BlockBody {
        display:table;
        width:100%;
    }.breadcrumb_section {
    background: #e4e4e4 url(#) center left no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 224px;
}
.breadcrumb_section .breadcrumb {
    background: none;
    margin: 0 0 15px 0;
    padding: 0;
}
.breadcrumb > li + li:before {
    content: '-';
    color: #838286;
}
.breadcrumb_section .breadcrumb li a:hover {
    color: #09aeb8;
}
.breadcrumb_section .breadcrumb li a, .breadcrumb_section .breadcrumb li {
    color: #838286;
    font-weight: 400;
    font-size: 20px;
}
.breadcrumb_section h1 {
    font-size: 54px;
    font-weight: 300;
}.CBlock-5 {
        display:table;
        width:100%;
    }
.CBlock-5 .BlockHeader {
        display:table;
        width:100%;
    }
.CBlock-5 .BlockBody {
        display:table;
        width:100%;
    }.CBlock-7 {
        display:table;
        width:100%;
    }
    .CBlock-7 .BlockHeader {
        display:table;
        width:100%;
    }
    .CBlock-7 .BlockBody {
        display:table;
        width:100%;
    }.cd-intro.mo-title-bar {
  transform: translate3d(0,-310px,0);
  position: absolute;
  color: #fff;
  width: 100%;
}
.mo-text-ellipsis.wow.fadeInDown {
  color: #fff;
  width: 76%;
  margin: 0 auto;
  font: 2.4rem/2 iransans_black !important;
  text-align: right;
  padding: 3.2rem 0;
}

.mo-path, .mo-path a {
  font: 1rem/2 iransans_medium;
  color: #fff !important;
}

.topic_feature_block_inner {
  max-width: 490px;
  margin-right: 100px;
}
.topic_feature_row_title {
  font: 2rem/2 iransans_black !important;	font-weight: 300;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.07407;
  margin: 15px 0;
  color: #fff;
}
.topic_feature_row_description {
  font: 1rem/2 iransans_light !important;  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  margin: 15px 0;
  color: #fff;
}
.mo-title-bar-wrap img{
width:100%;
}.CBlock-9 {
        display:table;
        width:100%;
    }
    .CBlock-9 .BlockHeader {
        display:table;
        width:100%;
    }
    .CBlock-9 .BlockBody {
        display:table;
        width:100%;
    }.CBlock-9 {
        display:table;
        width:100%;
    }
    .CBlock-9 .BlockHeader {
        display:table;
        width:100%;
    }
    .CBlock-9 .BlockBody {
        display:table;
        width:100%;
    }.CBlock-4eff {
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.15);
  border-radius: 20px;
  padding: 30px;
}
.CBlock-4eff::before {
  content: "";
  z-index: -1;
  position: absolute;
  height: 30px;
  bottom: -10px;
  right: 30px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 5px 15px #00000020;
  left: 30px;
}
.si-header {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #f0f0f0;
}
.si-header::after, .si-header::before {
  position: absolute;
  bottom: -1px;
  content: "";
  height: 2px;
}
.si-header::before {
  width: 30px;
  background: #db9f4b;
  z-index: 999;
}
.si-header span {
  font-size: 1rem;
  font-weight: 400;
}
.si-header span i {
  margin-left: 0.5rem;
}
.si-header span i {
  color: #dba04c;
}
.si-header span {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Ray-black";
}
.si-header::after, .si-header::before {
  position: absolute;
  bottom: -1px;
  content: "";
  height: 2px;
}.block-header {
	padding: 20px 0 0 0;
	position: relative;
	overflow: hidden;
	z-index: 2;
	display: flex;
	justify-content: space-between;
}
.block-header .title {
  position:relative;
  font-weight:600;
  font-size:16px;
  color:#4d4d4d;
  padding-right:35px;
  margin-top:6px;
  padding-left:10px;
}
.block-header .title::before {
  content:'';
  width:28px;
  height:4px;
  border-radius:2px;
  background:#fd0;
  position:absolute;
  right:0;
  top:10px;
  margin-right:0px;
}
.block-header a.btn-custom {
  font-size:13px;
  color:#606060;
  border:none;
  font-weight:500;
}
.block-header a.btn-custom .head-seprator {
  color:#d9d7d7;
  padding:0 5px;
}
.block-header::after {
  content:'';
  position:absolute;
  top:50%;
  left:0;
  right:0;
  transform:translateY(-50%);
  height:1px;
  z-index:-1;
  margin-left:50px;
}section.section.section-8 { background-color:#f5f5f5;
	background-repeat:repeat;
	  }
section.section.section-10 { background-color:#f5f5f5;
	background-repeat:repeat;
	 padding: 1rem; }
section.section.section-16 { background-color:#f5f5f5;
	background-repeat:no-repeat; background-attachment:fixed; background-size: cover; transform:translate3d(0,0,0);
	background-position:right center;
	 padding-bottom:15px; }
section.section.section-15 { background-color:#EBEBEB;
	background-repeat:repeat-x;
	background-position:center bottom;
	  }
section.section.section-14 { background-color:#f5f5f5;
	background-repeat:no-repeat;
	background-position:right center;
	 padding: 3rem 0; }
#block-1 { background: #d1e7dd;
padding: 0; }
#block-3 { box-shadow: 0 3px 12px rgba(70,72,77,.09);
background: #fff;
padding: 20px;
border-radius: 8px; }
#block-6 { margin:50px 0; }
#block-7 { background-color: #F5F5F5;
  padding: 5px 5px 5px 5px;
  width: 100%;
  border-radius: 25px;
  height: 51px; }
#block-13 { margin:0 auto;
width:200px; }
#block-23 { margin: 0.4rem 0; }
#block-24 { padding: .5rem 0; }
@font-face { font-family: "IRANSans";
src: url('./fonts/IRANSans.ttf') format('truetype');
}

@font-face { font-family: "Arial";
src: url('./fonts/Arial.ttf') format('truetype');
}

@font-face { font-family: "Helvetica";
src: url('./fonts/Helvetica.ttf') format('truetype');
}

@font-face { font-family: "Nastaliq";
src: url('./fonts/Nastaliq.ttf') format('truetype');
}

@font-face { font-family: "BZar";
src: url('./fonts/BZar.eot?#') format('eot'),
		url('./fonts/BZar.ttf') format('truetype');
}

@font-face { font-family: "BYekan";
src: url('./fonts/BYekan.eot?#') format('eot'),
		url('./fonts/BYekan.ttf') format('truetype');
}

@font-face { font-family: "BYagut";
src: url('./fonts/BYagut.eot?#') format('eot'),
		url('./fonts/BYagut.ttf') format('truetype');
}

@font-face { font-family: "BTitrBold";
src: url('./fonts/BTitrBold.eot?#') format('eot'),
		url('./fonts/BTitrBold.ttf') format('truetype');
}

@font-face { font-family: "BTabassom";
src: url('./fonts/BTabassom.eot?#') format('eot'),
		url('./fonts/BTabassom.ttf') format('truetype');
}

@font-face { font-family: "Sara";
src: url('./fonts/Sara.ttf') format('truetype');
}

@font-face { font-family: "BTehran";
src: url('./fonts/BTehran.eot?#') format('eot'),
		url('./fonts/BTehran.ttf') format('truetype');
}

@font-face { font-family: "BNazanin";
src: url('./fonts/BNazanin.eot?#') format('eot'),
		url('./fonts/BNazanin.ttf') format('truetype');
}

@font-face { font-family: "BMitra";
src: url('./fonts/BMitra.eot?#') format('eot'),
		url('./fonts/BMitra.ttf') format('truetype');
}

@font-face { font-family: "BLotus";
src: url('./fonts/BLotus.eot?#') format('eot'),
		url('./fonts/BLotus.ttf') format('truetype');
}

@font-face { font-family: "BKoodakBold";
src: url('./fonts/BKoodakBold.eot?#') format('eot'),
		url('./fonts/BKoodakBold.ttf') format('truetype');
}

@font-face { font-family: "BHoma";
src: url('./fonts/BHoma.eot?#') format('eot'),
		url('./fonts/BHoma.ttf') format('truetype');
}

@font-face { font-family: "BHelal";
src: url('./fonts/BHelal.eot?#') format('eot'),
		url('./fonts/BHelal.ttf') format('truetype');
}

@font-face { font-family: "BHamid";
src: url('./fonts/BHamid.eot?#') format('eot'),
		url('./fonts/BHamid.ttf') format('truetype');
}

@font-face { font-family: "BFerdosi";
src: url('./fonts/BFerdosi.eot?#') format('eot'),
		url('./fonts/BFerdosi.ttf') format('truetype');
}

@font-face { font-family: "BDavat";
src: url('./fonts/BDavat.eot?#') format('eot'),
		url('./fonts/BDavat.ttf') format('truetype');
}

@font-face { font-family: "BCompset";
src: url('./fonts/BCompset.eot?#') format('eot'),
		url('./fonts/BCompset.ttf') format('truetype');
}

@font-face { font-family: "BBardiya";
src: url('./fonts/BBardiya.eot?#') format('eot'),
		url('./fonts/BBardiya.ttf') format('truetype');
}

@font-face { font-family: "BBadr";
src: url('./fonts/BBadr.eot?#') format('eot'),
		url('./fonts/BBadr.ttf') format('truetype');
}

@font-face { font-family: "AdobeArabic";
src: url('./fonts/AdobeArabic.ttf') format('truetype');
}

@font-face { font-family: "Fiba";
src: url('./fonts/Fiba.ttf') format('truetype');
}

@font-face { font-family: "BJalal";
src: url('./fonts/BJalal.eot?#') format('eot'),
		url('./fonts/BJalal.ttf') format('truetype');
}

@font-face { font-family: "BBaran";
src: url('./fonts/BBaran.eot?#') format('eot'),
		url('./fonts/BBaran.ttf') format('truetype');
}

@font-face { font-family: "BElham";
src: url('./fonts/BElham.eot?#') format('eot'),
		url('./fonts/BElham.ttf') format('truetype');
}

@font-face { font-family: "BEsfehanBold";
src: url('./fonts/BEsfehanBold.eot?#') format('eot'),
		url('./fonts/BEsfehanBold.ttf') format('truetype');
}

@font-face { font-family: "BFantezy";
src: url('./fonts/BFantezy.eot?#') format('eot'),
		url('./fonts/BFantezy.ttf') format('truetype');
}

@font-face { font-family: "BFarnaz";
src: url('./fonts/BFarnaz.eot?#') format('eot'),
		url('./fonts/BFarnaz.ttf') format('truetype');
}

@font-face { font-family: "BJadidBold";
src: url('./fonts/BJadidBold.eot?#') format('eot'),
		url('./fonts/BJadidBold.ttf') format('truetype');
}

@font-face { font-family: "BKourosh";
src: url('./fonts/BKourosh.eot?#') format('eot'),
		url('./fonts/BKourosh.ttf') format('truetype');
}

@font-face { font-family: "BMahsa";
src: url('./fonts/BMahsa.eot?#') format('eot'),
		url('./fonts/BMahsa.ttf') format('truetype');
}

@font-face { font-family: "BMehrBold";
src: url('./fonts/BMehrBold.eot?#') format('eot'),
		url('./fonts/BMehrBold.ttf') format('truetype');
}

@font-face { font-family: "BMorvarid";
src: url('./fonts/BMorvarid.eot?#') format('eot'),
		url('./fonts/BMorvarid.ttf') format('truetype');
}

@font-face { font-family: "BNarm";
src: url('./fonts/BNarm.eot?#') format('eot'),
		url('./fonts/BNarm.ttf') format('truetype');
}

@font-face { font-family: "BNasimBold";
src: url('./fonts/BNasimBold.eot?#') format('eot'),
		url('./fonts/BNasimBold.ttf') format('truetype');
}

@font-face { font-family: "BSetarehBold";
src: url('./fonts/BSetarehBold.eot?#') format('eot'),
		url('./fonts/BSetarehBold.ttf') format('truetype');
}

@font-face { font-family: "BShiraz";
src: url('./fonts/BShiraz.eot?#') format('eot'),
		url('./fonts/BShiraz.ttf') format('truetype');
}

@font-face { font-family: "BSinaBold";
src: url('./fonts/BSinaBold.eot?#') format('eot'),
		url('./fonts/BSinaBold.ttf') format('truetype');
}

@font-face { font-family: "BRoya";
src: url('./fonts/BRoya.eot?#') format('eot'),
		url('./fonts/BRoya.ttf') format('truetype');
}

@font-face { font-family: "BTitrTGEBold";
src: url('./fonts/BTitrTGEBold.eot?#') format('eot'),
		url('./fonts/BTitrTGEBold.ttf') format('truetype');
}

@font-face { font-family: "BTraffic";
src: url('./fonts/BTraffic.eot?#') format('eot'),
		url('./fonts/BTraffic.ttf') format('truetype');
}

@font-face { font-family: "BVahidBold";
src: url('./fonts/BVahidBold.eot?#') format('eot'),
		url('./fonts/BVahidBold.ttf') format('truetype');
}

@font-face { font-family: "BYas";
src: url('./fonts/BYas.eot?#') format('eot'),
		url('./fonts/BYas.ttf') format('truetype');
}

@font-face { font-family: "BZiba";
src: url('./fonts/BZiba.eot?#') format('eot'),
		url('./fonts/BZiba.ttf') format('truetype');
}

@font-face { font-family: "IranianSans";
src: url('./fonts/IranianSans.ttf') format('truetype');
}

@font-face { font-family: "IRANSans";
src: url('./fonts/IRANSans.ttf') format('truetype');
}

@font-face { font-family: "IRANSans_Bold";
src: url('./fonts/IRANSans_Bold.ttf') format('truetype');
}

@font-face { font-family: "IRANSans_Light";
src: url('./fonts/IRANSans_Light.ttf') format('truetype');
}

@font-face { font-family: "IRANSans_Medium";
src: url('./fonts/IRANSans_Medium.ttf') format('truetype');
}

@font-face { font-family: "IRANSans_UltraLight";
src: url('./fonts/IRANSans_UltraLight.ttf') format('truetype');
}

@font-face { font-family: "Sahel";
src: url('./fonts/Sahel.eot?#') format('eot'),
		url('./fonts/Sahel.ttf') format('truetype');
}

@font-face { font-family: "Samim";
src: url('./fonts/Samim.eot?#') format('eot'),
		url('./fonts/Samim.ttf') format('truetype');
}

@font-face { font-family: "Tanha";
src: url('./fonts/Tanha.eot?#') format('eot'),
		url('./fonts/Tanha.ttf') format('truetype');
}

@font-face { font-family: "Vazir";
src: url('./fonts/Vazir.eot?#') format('eot'),
		url('./fonts/Vazir.ttf') format('truetype'),
		url('./fonts/Vazir.woff2') format('woff2');
}

@font-face { font-family: "Gandom";
src: url('./fonts/Gandom.eot?#') format('eot'),
		url('./fonts/Gandom.ttf') format('truetype');
}

@font-face { font-family: "Shabnam";
src: url('./fonts/Shabnam.eot?#') format('eot'),
		url('./fonts/Shabnam.ttf') format('truetype');
}

@font-face { font-family: "Parastoo";
src: url('./fonts/Parastoo.eot?#') format('eot'),
		url('./fonts/Parastoo.ttf') format('truetype');
}

@font-face { font-family: "Sahel-Bold";
src: url('./fonts/Sahel-Bold.eot?#') format('eot'),
		url('./fonts/Sahel-Bold.ttf') format('truetype');
}

@font-face { font-family: "Samim-Bold";
src: url('./fonts/Samim-Bold.eot?#') format('eot'),
		url('./fonts/Samim-Bold.ttf') format('truetype');
}

@font-face { font-family: "Vazir-Code";
src: url('./fonts/Vazir-Code.eot?#') format('eot'),
		url('./fonts/Vazir-Code.ttf') format('truetype');
}

@font-face { font-family: "Vazir-Bold";
src: url('./fonts/Vazir-Bold.eot?#') format('eot'),
		url('./fonts/Vazir-Bold.ttf') format('truetype'),
		url('./fonts/Vazir-Bold.woff2') format('woff2');
}

@font-face { font-family: "Sahel-Black";
src: url('./fonts/Sahel-Black.eot?#') format('eot'),
		url('./fonts/Sahel-Black.ttf') format('truetype');
}

@font-face { font-family: "Vazir-Light";
src: url('./fonts/Vazir-Light.eot?#') format('eot'),
		url('./fonts/Vazir-Light.ttf') format('truetype'),
		url('./fonts/Vazir-Light.woff2') format('woff2');
}

@font-face { font-family: "Shabnam-Bold";
src: url('./fonts/Shabnam-Bold.eot?#') format('eot'),
		url('./fonts/Shabnam-Bold.ttf') format('truetype');
}

@font-face { font-family: "Parastoo-Bold";
src: url('./fonts/Parastoo-Bold.eot?#') format('eot'),
		url('./fonts/Parastoo-Bold.ttf') format('truetype');
}

@font-face { font-family: "Shabnam-Light";
src: url('./fonts/Shabnam-Light.eot?#') format('eot'),
		url('./fonts/Shabnam-Light.ttf') format('truetype');
}

@font-face { font-family: "DroidArabicKufi";
src: url('./fonts/DroidArabicKufi.ttf') format('truetype');
}

@font-face { font-family: "DroidArabicNaskh";
src: url('./fonts/DroidArabicNaskh.ttf') format('truetype');
}

@font-face { font-family: "DroidArabicKufiBold";
src: url('./fonts/DroidArabicKufiBold.ttf') format('truetype');
}

@font-face { font-family: "DroidArabicNaskhBold";
src: url('./fonts/DroidArabicNaskhBold.ttf') format('truetype');
}

@font-face { font-family: "Yekan";
src: url('./fonts/Yekan.ttf') format('truetype');
}

@font-face { font-family: "yekannumbers-regular";
src: url('./fonts/yekannumbers-regular.eot?#') format('eot'),
		url('./fonts/yekannumbers-regular.ttf') format('truetype');
}

@font-face { font-family: "iranyekanwebregular";
src: url('./fonts/iranyekanwebregular.woff2') format('woff2');
}

@font-face { font-family: "iranyekanweblight";
src: url('./fonts/iranyekanweblight.woff2') format('woff2');
}

@font-face { font-family: "iranyekanwebbold";
src: url('./fonts/iranyekanwebbold.woff2') format('woff2');
}

@font-face { font-family: "aviny";
src: url('./fonts/aviny.ttf') format('truetype');
}

@font-face { font-family: "IRANSans_Black";
src: url('./fonts/IRANSans_Black.ttf') format('truetype');
}

@font-face { font-family: "Vazir-Black";
src: url('./fonts/Vazir-Black.eot?#') format('eot'),
		url('./fonts/Vazir-Black.ttf') format('truetype'),
		url('./fonts/Vazir-Black.woff2') format('woff2');
}

@font-face { font-family: "Vazir-Medium";
src: url('./fonts/Vazir-Medium.eot?#') format('eot'),
		url('./fonts/Vazir-Medium.ttf') format('truetype'),
		url('./fonts/Vazir-Medium.woff2') format('woff2');
}

@font-face { font-family: "Vazir-Thin";
src: url('./fonts/Vazir-Thin.eot?#') format('eot'),
		url('./fonts/Vazir-Thin.ttf') format('truetype'),
		url('./fonts/Vazir-Thin.woff2') format('woff2');
}

@font-face { font-family: "PeydaWeb-Black";
src: url('./fonts/PeydaWeb-Black.eot?#') format('eot'),
		url('./fonts/PeydaWeb-Black.woff2') format('woff2');
}

@font-face { font-family: "PeydaWeb-Bold";
src: url('./fonts/PeydaWeb-Bold.eot?#') format('eot'),
		url('./fonts/PeydaWeb-Bold.woff2') format('woff2');
}

@font-face { font-family: "PeydaWeb-ExtraBold";
src: url('./fonts/PeydaWeb-ExtraBold.eot?#') format('eot'),
		url('./fonts/PeydaWeb-ExtraBold.woff2') format('woff2');
}

@font-face { font-family: "peydaWeb-extralight";
src: url('./fonts/peydaWeb-extralight.eot?#') format('eot'),
		url('./fonts/peydaWeb-extralight.woff2') format('woff2');
}

@font-face { font-family: "peydaWeb-light";
src: url('./fonts/peydaWeb-light.eot?#') format('eot'),
		url('./fonts/peydaWeb-light.woff2') format('woff2');
}

@font-face { font-family: "PeydaWeb-Medium";
src: url('./fonts/PeydaWeb-Medium.eot?#') format('eot'),
		url('./fonts/PeydaWeb-Medium.woff2') format('woff2');
}

@font-face { font-family: "PeydaWeb-Regular";
src: url('./fonts/PeydaWeb-Regular.eot?#') format('eot'),
		url('./fonts/PeydaWeb-Regular.woff2') format('woff2');
}

@font-face { font-family: "PeydaWeb-SemiBold";
src: url('./fonts/PeydaWeb-SemiBold.eot?#') format('eot'),
		url('./fonts/PeydaWeb-SemiBold.woff2') format('woff2');
}

@font-face { font-family: "PeydaWeb-Thin";
src: url('./fonts/PeydaWeb-Thin.eot?#') format('eot'),
		url('./fonts/PeydaWeb-Thin.woff2') format('woff2');
}

@font-face { font-family: "Ray";
src: url('./fonts/Ray.ttf') format('truetype');
}

@font-face { font-family: "Ray-Medium";
src: url('./fonts/Ray-Medium.ttf') format('truetype');
}

@font-face { font-family: "Ray-Light";
src: url('./fonts/Ray-Light.ttf') format('truetype');
}

@font-face { font-family: "Ray-ExtraBold";
src: url('./fonts/Ray-ExtraBold.ttf') format('truetype');
}

@font-face { font-family: "Ray-ExtraBlack";
src: url('./fonts/Ray-ExtraBlack.ttf') format('truetype');
}

@font-face { font-family: "Ray-Bold";
src: url('./fonts/Ray-Bold.ttf') format('truetype');
}

@font-face { font-family: "Ray-Black";
src: url('./fonts/Ray-Black.ttf') format('truetype');
}

@font-face { font-family: "Gramophone-Clean";
src: url('./fonts/Gramophone-Clean.ttf') format('truetype');
}

footer, section#column-footer {background-color:#333;
	}
body { margin: 0; padding: 0;font-family: "iranyekanwebregular" !important;
	}
.container-fluid{
	--mdb-gutter-x: 0!important;
	--mdb-gutter-y: 0!important;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	margin-right: auto;
}

.user-area .user-toggle {
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #686e74;
	white-space: nowrap;
	font-size: 13px;
	text-align: center;
}
.user-area .user-toggle a{
	color: #686e74;
}
.user-area {
	display: block;
	margin: auto;
	float: none;
}
.user-area .user-toggle i {
	color: #737578;
	font-size: 20px;
	margin-left: 8px;
}

/*--------------slid-show-------------*/

.slick-dots li button::before {
	font-family: 'slick';
	font-size: 17px!important;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 33px 5px!important;
	padding: 0;
	cursor: pointer;
}
/*--------------footer-------------*/

header {
	padding-top: 18px;
}
header h1 {
	font-size: 1.3rem;
	text-align: right;
	margin-top: 20px;
	font-family: iranyekanwebbold;
}
.wzc2-img-inner {
	width: unset;
	margin: 0 auto;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sign-in {
	border: 1px solid #e1e1e1;
	padding: 12px;
	text-align: center;
	border-radius: 7px;
	font-size: .98rem;
	font-family: vazir-light;
}
.row {
	display: flex!important;
	flex-wrap: wrap;
	margin-right: 0!important;
	margin-left: 0!important;
}
.call-me {
	background: #212121;
	padding: 8px;
	border-radius: 20px;
	color: #fff;
	display: flex;
	justify-content: space-around;
	max-width: 185px;
}
.wzc30-img-inner {
	object-fit: cover;
	width: 100%;
	border-radius: 0.5rem;
	height: 200px;
}
.title {
	font-size: 1.3rem;
	color: #fff;
	line-height: 2;
}
.nader-share-header a {
	fill: #eee;
	color: #eee;
}
.nader-share-header a svg {
	width: 30px;
	height: 30px;
}
.nader-share {
	border-bottom: 0px dashed #dddcdc !important; 
}
.nader-share a {
	width: 36px;
	height: 36px;
	border-radius: 4px;
	transition: all .3s;
	margin: .5rem;
}
.accordion-button.collapsed {
	background: #f5faff;
}

.navbar {
	--mdb-navbar-box-shadow: 0 0px 0px 0 rgba(var(--mdb-box-shadow-color-rgb), 0.07), 0px 0px rgba(var(--mdb-box-shadow-color-rgb), 0.05)!important;
	--mdb-navbar-padding-top: 0.5625rem;
	--mdb-navbar-brand-img-margin-right: 0.25rem;
}
/*--------------svg-------------*/

.custom-shape-divider-top-1702744592 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1702744592 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 56px;
}

.custom-shape-divider-top-1702744592 .shape-fill {
    fill: #0758A8;
}


#block-1 ul.navbar-nav > li .nav-link:hover::before {
  width: 100%;
  right: 0;
}
#block-1 ul.navbar-nav > li .nav-link::before {
  content: '';
  width: 0;
  height: 2px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  right: 50%;
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -ms-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 1s;
}

/*--------------search-------------*/
.form-control {
	width: 100%;
	background: #fff;
	border: 0!important;
	border-radius: 15px!important;
	height: 40px!important;
	font-family: sahel;
}
/*--------------sign-in-------------*/

.sign-in {
	border: 1px solid #444;
	padding: 12px;
	text-align: center;
	border-radius: 20px;
	font-size: .89rem;
	font-family: sahel;
	background: #444;
	color: #fff;
}
/*--------------footer-------------*/


.column-footer span{
	font-family: sahel-black;
}
.column-footer h5 {
	font-family: sahel-bold;
	color: #575757;
	font-size: 16px;
}
.column-footer .text-body {
	font-family: sahel;
	line-height: 2.1;
}
.column-footer p {
	text-align: justify;
	line-height: 1.9;
	font-family: sahel;
	color: #555;
	letter-spacing: -0.019em;
}
.footer span{
	font-family: vazir-black;
	color: #fff;
}

.nav-bottom {
	width: 100%;
	position: fixed;
	bottom: 0;
	padding: 4px 0;
	background:#fff;
	transition: transform 350ms ease !important;
	z-index: 3;
}
.footer-mobile span {
	font-family: sahel;
	font-size: .78rem;
	color: #444;
}
.footer-mobile i{
	color: #ff8f3e;
	font-weight: 500;
}
.footer-mobile a:hover {
	color: #ff8f3e;
	border-top: 2px solid #2122121;
	transition: .3s all;
}
.wonder {
	background: #25b059;
	padding: 14px;
	border-radius: 25px;
}
.wonder h3{
	color: #fff;
	font-size: 1.6rem;
	margin-top: 50px;
	text-align: center;
}
.wonder a{
	color: #fff;
	font-size: .8rem;
	text-align: center;
}


.fixed-qa {
	list-style: none;
	left: 1%;
	display: flex;
	flex-direction: column;
	gap: 5px;
	position: fixed;
	bottom: 5%;
	z-index: 50;
}
.fixed-qa {
	list-style: none;
}
.fixed-qa a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	width: 45px;
	height: 45px;
	fill: #dca053 !important;
	font-size: 1.5rem;
	background: #2a2a2a;
	position: relative;
	transition: .8s;
	border-radius: 25px;
	margin: 0 !important;
}
.fixed-qa a {
	text-align: center;
	fill: #25d366 !important;
	font-size: 1.5rem;
}
.fixed-qa a:hover {
	background: #1a1a1a;
	fill: #fff !important;
}
.search-box-7-form {
	width: 100%;
}
.fa-instagram{
  color:#fd1d1d!important;
}
.fab.fa-telegram {
	color: #24A1DE!important;
}
.fab.fa-twitter {
	color: #1DA1F2!important;
}
.cp-social.fas.fa-envelope {
	color: #d44638!important;
}
/*.navbar {
	--mdb-navbar-box-shadow: 0 0px 0px 0 rgba(var(--mdb-box-shadow-color-rgb), 0.00), 0 0px 0px rgba(var(--mdb-box-shadow-color-rgb), 0.00)!important;
	--mdb-navbar-padding-top: 0.5625rem;
	--mdb-navbar-brand-img-margin-right: 0.25rem;
}*/@media (max-width: 576px) { #block-14 .flex-container > div{
	width: 100% !important;
	padding: .3rem;
}
#block-12 .flex-container > div{
	width: 100% !important;
	padding: .3rem;
}
#block2 .flex-container > div {
	width: 50% !important;
	padding: .3rem;
}
#block-11 .flex-container > div{
	width: 100% !important;
	padding: .3rem;
}
header {
	padding-top: 12px;
}
#block-7 {
	margin: .5rem 0;
}
.wzc2-img-inner {
	width: unset;
	margin: 0 auto;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 7px;
}

.xts-iimage.xts-with-background.xts-style-mask-bg.xts-hover-zoom-in.xts-cursor-pointer {
	display: none;
}
.repair-res-s {
	margin-top: 11px;
}
.repair-res-c {
	background: #464646;
	padding: 15px;
	border-radius: 10px;
	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.custom-preview-8 {
	padding: .5rem 0;
}
.custom-preview-18 {
	padding: .5rem 0;
}
.custom_preview-10 {
	padding: .5rem 0;
}
.custom-preview-20 {
	padding: .3rem 0;
}
header h1 {
	font-size: 1rem;
	text-align: right;
	margin: 28px 11px 0 0;
	font-family: iranyekanwebbold;
	margin: ;
}
.user-area {
	display: block;
	margin: 20px auto;
	float: none;
}
.user-area .user-toggle {
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #686e74;
	white-space: nowrap;
	font-size: 11px;
	text-align: center;
} }