img.logo_header {
  max-height: 40px;
  min-height: 20px;
}

.header .header-top {
  background-color: #252525;
  color: white;
}

.canvas-mb .canvas-header {
  padding: 35px 15px 20px 15px;
  background-color: #252525;
  color: white;
}

.canvas-mb .icon-close-popup {
  color: white;
}

.canvas-header img.logo_header {
  width: 180px !important;
  max-width: 400px;
  min-width: 60px;
  max-height: 100px;
  min-height: 10px;
}

.canvas-header {
  align-items: center;
  justify-content: center;
}

.canvas-header.filter-header {
  justify-content: space-between;
}

.bg-my-gray-color {
  background-color: #f9f9f9;
}

.my-light-text-shadow {
  text-shadow: 0px 0px 10px #fff6ed;
}

.my-radius {
  border-radius: 20px;
  border: 1px solid #a8a8a8;
}

.text_justify {
  text-align: justify;
}

.text_center {
  text-align: center;
}

.text_font_14 {
  font-size: 14px;
}

.bg_my_prmry {
  background-color: #f4f1ee;
}

.tooltip {
  font-family: "iransans";
}

.my-border {
  border: 1px solid #a5a5a5 !important;
}

.swiper-button-next,
.swiper-button-prev {
  color: #252525;
}

.flat-wrap-media-product .tf-product-media-main .item img {
  border: 1px solid #555;
  border-radius: 6px;
}

.tf-product-media-thumbs .swiper-slide .item {
  border: 1px solid #555;
  border-radius: 6px;
}

.tab-descriptions {
  text-align: justify;
}

.post-detail .item-post img,
.tab-descriptions img {
  max-width: 550px;
  max-height: 400px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #555;
  border-radius: 8px;
  margin: 15px auto;
  text-align: center;
  display: block;
}

.post-detail .item-post video,
.tab-descriptions video {
  max-width: 600px;
  max-height: 400px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #555;
  border-radius: 8px;
  margin: 25px auto;
  text-align: center;
  display: block;
}

.item-post p {
  text-align: justify;
}
.post-detail .swiper-slide img {
  height: 500px;
  max-height: 500px;
  object-fit: cover;
  object-position: center;
}

.swiper.myProjectSwiper .swiper-slide {
  border-radius: 8px;
  border: 1px solid #555;
  overflow: hidden;
}
.swiper.myProjectSwiper {
  border-radius: 8px;
  overflow: hidden;
}

.blog-item .img-style {
  border-radius: 5px;
  height: 400px;
}

.my-blog-list .blog-item .img-style {
  height: 250px;
}

@media (max-width: 575px) {
  .blog-item .img-style {
    height: 300px;
  }

  .my-blog-list .blog-item .img-style {
    height: 200px;
  }

  .post-detail .swiper-slide img {
    height: 300px;
    max-height: 300px;
  }
}
@media (max-width: 991px) {
  .blog-item .img-style {
    height: 250px;
  }

  .my-blog-list .blog-item .img-style {
    height: 150px;
  }

  .post-detail .swiper-slide img {
    height: 400px;
    max-height: 400px;
  }
}

.tab-descriptions ul,
.item-post ul {
  margin-bottom: 20px;
  margin-top: 20px;
}

.tab-descriptions ul li,
.item-post ul li {
  line-height: 30px;
  font-weight: 500;
}

.tab-descriptions ul li a,
.item-post ul li a {
  padding: 4px 14px;
  margin: 3px;
  /* border: 1px solid #7e5300; */
  border-radius: 16px;
  /* background: #fffbef; */
  cursor: pointer;
  background-color: #a27451;
  color: #ffffff;
}

.my-blog-list .blog-item {
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px #bfad92;
  overflow: hidden;
}

.my-post-detail .post-detail .item-post img {
  max-width: 750px;
}

.my-post-detail .post-detail .item-post {
  margin-bottom: 20px;
}

.item-post h5 {
  padding-top: 15px;
  padding-bottom: 5px;
}

:root {
    --Primary: #FFB700;
    --Yellow-text-3: #FFB700;
    --Yellow-text-2: #FFB700;
    --Yellow-text: #FFB700;
    --Third: #FFB700;
    --Yellow-back: #FFB700;
}

.yellow_text {
  color: var(--Yellow-text);
}

.yellow_text_2 {
  color: var(--Yellow-text-2);
}

.yellow_text_3 {
  color: var(--Yellow-text-3);
}

.yellow_back {
  background: var(--Yellow-back);
  background-color: var(--Yellow-back);
}

header.header-sticky:not(.header-s5, .header-abs) {
  background: var(--Yellow-back);
  background-color: var(--Yellow-back);
}

.link:hover {
  color: var(--Yellow-text-2);
}

.mobile-button .burger span {
  background: var(--Yellow-back);
  background-color: var(--Yellow-back);
}

.canvas-mb .icon-close-popup {
  color: var(--Yellow-text);
}

.sub-nav-menu {
  border-right: 1px solid var(--Yellow-text-2);
}

.tf-social-icon a {
  border-color: var(--Yellow-text-2);
}

.tf-social-icon a span {
  color: var(--Yellow-text-2);
}

.canvas-body::-webkit-scrollbar-thumb {
  background: var(--Yellow-text-2);
  background-color: var(--Yellow-text-2);
}

.my-radius {
  border: 2px solid #ffb701;
}

.s-instagram {
  background-color: #f8f8eb;
}

.tf-btn.btn-bg-white {
  color: var(--Yellow-text-3);
}

.tf-page-title {
  background: linear-gradient(90deg, #ffffff 0%, #fff6b9 50%, #ffffff 100%);
}

.s-shop-intro .img-style img {
  border: 2px solid var(--Yellow-text-2);
}

.brown-color {
  color: var(--black);
}

.post-detail .item-post img,
.tab-descriptions img {
  border: 3px solid var(--Yellow-text-2);
}

.item-post h1,
.item-post .h1,
.item-post h2,
.item-post .h2,
.item-post h3,
.item-post .h3,
.item-post h4,
.item-post .h4,
.item-post h5,
.item-post .h5,
.item-post h6,
.item-post .h6 {
  color: var(--Yellow-text-3);
}

.tab-descriptions ul li a,
.item-post ul li a {
  background-color: var(--Yellow-text-3);
}

.footer a.text_white {
    color: var(--Yellow-text-2);
}

.footer .text_white a {
    color: var(--Yellow-text-2);
}


.footer .yellow_text_2 {
    color: var(--White);
}


.social-Telegram:hover {
    color: var(--White);
}

.social-WhatsApp:hover {
    color: var(--White);
}