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;
}.custom-preview-1 {
	padding: .5rem;
}
.article-box {
  border-radius: 24px;
  background: #f5f5f5;
  overflow: hidden;
  transition: 0.3;
  background: #FFFFFF;
  border: 1px solid #eee;
}
.article-box .inner {
	padding: 1rem;
}

.article-box a.thumbnail {
  display: flex;
  margin-bottom: 18px;
}
.elementor-kit-6 a {
}
.article-box a.thumbnail img {
  width: 100%;
  border-radius: 16px;
  min-height: 200px;
  object-fit: cover;
}

.article-box .title {
	font-size: 1rem;
	line-height: 32px;
	color: #212529;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: 0.3s;
	/* font-weight: bold; */
	font-family: "yekanbakh-bold";
}
.article-box .content p {
	font-size: .8rem;
	line-height: 28px;
	color: #9294A3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.article-box a.read_more {
	width: 66px;
	display: flex;
	height: 66px;
	color: #fff;
	background-color: #0F4D99;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 24px;
	transition: 0.3s;
}

.article-box:hover a.read_more {
	background: #5AB4FF;
}

.article-box .date-read_more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline-start: 24px;
}

.article-box .date-read_more span.date {
  gap: 4px;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  color: #959595;
  display: inline-flex;
  align-items: center;
  background:#fff;
}
.article-box .thumbnail {
    position: relative;
    display: block;
    overflow: hidden;
}

.article-box .thumbnail::after {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.5) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    transition: left 0.5s ease;
    z-index: 2;
}

.article-box .thumbnail:hover::after {
    left: 125%;
}.ata-content-section {
	background: #FFFFFF;
	box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
	border-radius: 35px;
	padding: 35px;
	padding-bottom: 35px;
	margin: 33px auto !important;
	border: 1px solid #f9f9f9;
}

.ata-content-section .post-thumbnail {
	position: relative;
}
.ata-content-section .singletitle h1 {
	/* font-size: 15px; */
	line-height: 1.9;
	margin-bottom: 10px;
}
.ata-content-section .post-thumbnail img {
	object-fit: cover;
	border-radius: 35px;
	/* height: 390px; */
	width: 100%;
  filter: brightness(100%) contrast(100%) saturate(120%);
}
.ata-content-section .ata-post-details {
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
	background-color: rgba(255,255,255, 0.75);
	border-radius: 25px;
	position: absolute;
	bottom: 10px;
	margin: 0 auto;
	right: 10px;
	left: 10px;
}
.ata-content-section .ata-post-details {
	width: 400px;
}
.ata-sticky {
	border-top: 1px dashed #cac8c8;
	padding-top: 18px;
}
.ata-content-section .ata-post-details {
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
	background-color: rgba(255,255,255, 0.75);
	border-radius: 25px;
	position: absolute;
	bottom: 10px;
	margin: 0 auto;
	right: 10px;
	left: 10px;
}
.ata-single-page , .ata-content-section {
    overflow-x:hidden!important;
}

.ata-content-section {
    margin-top: unset;
}
.ata-content-section p {
	color: #212529;
	text-align: justify;
	line-height: 2.1;
	font-size: 15px;
}

 .ata-content-section {
    margin-top: 20px;
}

.ata-content-section .Dottedstocol {
    width: 20px;
    height: 60px;
    background-image: radial-gradient(#322f2f 1px, transparent 1px);
    -webkit-background-size: 20px 20px;
    background-size: 10px 10px;
    border-radius: 0px;
}

.ata-content-section .singletitle h1 {
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 10px;
}
.ata-content-section .singletitle {
	padding-right: 10px;
}
.ata-content-section .singletitle span {
  background-color: rgba(0,201,161,0.84) !important;
    padding: 2px 10px;
    border-radius: 15px;
    color: #fff !important;
}

.ata-content-section .singletitle span a {
    color: #fff !important;
    font-size: 11px;
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        width: 1200px;
    }
}

.ata-content-section .ata-post-details span,
.ata-content-section .ata-post-details a {
    font-size: 13px;
  color: #000;
  margin-left: 1rem;
}


.ata-content-sectiont .ata-post-details i {
    font-size: 13px;
}

.ata-content-section p {
    /* color: #434242; */
}

.ata-content-section .ata-post-content h2 {
    padding: 10px 0;
}


.ata-post-excerpt {
    font-size: 13px;
    line-height: 1.8;
    margin-top: 16px;
    color: #414446;
    text-align: justify;
    padding: 0 8px;
}
.ata-content-section{
  max-width:1250px;
  margin:0 auto;
  width:100%;
}

.post-image{
  height:390px;
  width:100%;
  object-fit:cover;
}/* استایل‌های CSS*/
.weather-card {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-radius: 30px;
            border: 1px solid rgba(255, 255, 255, 0.3);
            padding: 40px;
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
            width: 93%;
        }

        .city-name {
            font-size: 2rem;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 10px;
            text-align: center;
        }

        .weather-icon {
            width: 120px;
            height: 120px;
            margin: 20px auto;
            display: block;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        .weather-icon:hover {
            transform: scale(1.1);
        }

        .current-temp {
            font-size: 4rem;
            font-weight: 700;
            color: #ffffff;
            text-align: center;
            line-height: 1;
            margin: 20px 0;
        }

        .weather-description {
            font-size: 1.2rem;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.9);
            text-align: center;
            margin-bottom: 30px;
        }

        .weather-details {
            display: flex;
            justify-content: space-around;
            margin-top: 30px;
            padding-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.3);
        }

        .detail-item {
            text-align: center;
        }

        .detail-label {
            font-size: 0.9rem;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 5px;
        }

        .detail-value {
            font-size: 1.5rem;
            font-weight: 600;
            color: #ffffff;
        }

        .humidity-section {
            margin-top: 20px;
            padding: 20px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 15px;
            text-align: center;
        }

        .humidity-label {
            font-size: 1rem;
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 8px;
        }

        .humidity-value {
            font-size: 1.8rem;
            font-weight: 600;
            color: #ffffff;
        }

        @media (max-width: 576px) {
            .weather-card {
                padding: 30px 20px;
            }

            .city-name {
                font-size: 1.5rem;
            }

            .current-temp {
                font-size: 3rem;
            }

            .weather-icon {
                width: 100px;
                height: 100px;
            }
        }.custom-preview-4 {
	padding: 1rem;
}
.ata-video-player {
	
}
.ata-video-player{
	object-fit: cover;
	border: none;
	line-height: 1;
	margin: 0;
	max-width: 100%;
	width: 100%;
	border-radius: 25px;
  background: #fff;
	padding: 1rem;
	border-radius: 25px;
	border: 1px solid #eee;
  box-shadow: 0 0 4px rgba(0, 0, 0, .1);
}
.ata-video-player img {
	object-fit: cover;
	border: none;
	line-height: 1;
	margin: 0;
	max-width: 100%;
	width: 100%;
	border-radius: 9px;
	height: 360px;
}
.ata-video-player h3 {
	font-size: 1rem;
	line-height: 44px;
	color: #212529;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: 0.3s;
	/* font-weight: bold; */
	font-family: "yekanbakh-bold";
}
.ata-video-player-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 73px;
  height: 73px;
  z-index: 9;
  cursor: pointer;
  border-radius: 50%;
    animation-name: ripple;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}


@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0  #D6D6D661, 0 0 0 0  #D6D6D661;
    }

    80% {
        box-shadow: 0 0 0 20px #fff0, 0 0 0 40px #fff0;
    }

    100% {
        box-shadow: 0 0 0 0 #fff0, 0 0 0 0 #fff0;
    }
}

.ata-video-player-button img {
  max-width: 35px;
  max-height: 35px;
  object-fit: cover;
  pointer-events: none; /* این خاصیت اجازه می‌دهد کلیک بر روی آیکن، به ویدیو ارسال شود */
}

.ata-custom-video {
  width: 100%;
  height: 100%;
  position: relative;
}

.ata-video-border-back {
  position: absolute;
  width: 100%;
  height: 100%;
  /*border: 3px solid #000;*/
  border-radius: 35px;
  z-index: 1;
}


.ata-video-player{
      position: relative;
    z-index: 2;
  text-align: center;
}


.ata-video-player video{
object-fit:cover
}
.ata-video-player-button {
	background-color: #F5AC00;
}
.ata-video-player video {
	border-radius: 35px 35px 35px 35px;
	height: 430px;
}.custom_preview-35000 {
  position: relative;
  margin: 0px !important;
  width: 100%;
  border-radius: 5px;

}
.custom_preview-35000 img{
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}.custom-preview-6 {
  padding: .5rem;
}
.vwpc-card {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 8px;
  box-shadow: 0px 0px 4px 0px #f6f6f6;
}


/* body */
.vwpc-body {
	padding: 12px 14px 16px;
	background: linear-gradient( to top, #F5F4F0 0%, #FAFBFF 100% );
	height: 135px;
}

/* title */
.vwpc-title {
	text-align: center;
	color: #212529;
	text-decoration: none;
	font-size: 1rem;
	line-height: 2;
	margin: 0 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* footer */
.vwpc-footer {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  position: relative;
  transition: all 300ms;
}

/* cart button */
.vwpc-btn-cart {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: transparent;
  padding: 0;
  cursor: pointer;
  transition: all 300ms;
}

/* price */
.vwpc-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-direction: row-reverse;
}

.vwpc-currency {
  color: #828488;
  font-size: .8rem;
}
.vwpc-value {
  color: #1e1e1e;
  font-size: 1rem;
}

/* optional dot (اگر استفاده شود) */
.vwpc-dots {
  width: 10px;
  height: 10px;
  background: #E5306D;
  border-radius: 2px;
}

/* hover */
.vwpc-card:hover .vwpc-btn-cart {
  box-shadow: 0 11px 23px -8px rgb(230 63 102 / 40%);
}
.vwpc-card:hover .vwpc-footer svg rect {
  fill: #ff9800;
  fill-opacity: 1;
}
.vwpc-btn-cart {
  background: #fff !important;
  border: 1px solid #f0f0f0;
  color: #E5306D;
}

.vwpc-card:hover .vwpc-btn-cart {
  background: #ff9800 !important;
  color: #fff;
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 12px 25px -8px rgba(229, 48, 109, 0.45);
}

.vwpc-btn-cart i {
  transition: transform 300ms ease;
}

.vwpc-card:hover .vwpc-btn-cart i {
  transform: rotate(-10deg);
}
/* media container */
.vwpc-media {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  background-color: var(--view-accent);
  border-radius: 8px;
}

/* image */
.vwpc-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 600ms ease;
}

/* shine */
.vwpc-media::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.5) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  transition: left 700ms ease;
  pointer-events: none;
  z-index: 2;
}

/* hover trigger */
.vwpc-card:hover .vwpc-media::after {
  left: 140%;
}

/* subtle zoom like big stores */
.vwpc-card:hover .vwpc-media img {
  transform: scale(1.06);
}

/* حالت موبایل */
@media (max-width: 768px) {
  .vwpc-card {
    display: flex;
    flex-direction: row-reverse; /* تصویر سمت راست */
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid #f6f5f2;

  }
  

  /* تصویر سمت راست */
  .vwpc-media:first-child {
    order: 2; /* تصویر آخر ردیف */
    flex: 0 0 100px;
  }

  .vwpc-media:first-child img {
    width: 100%;
    height: auto;
    border-radius: 12px;
  }

  /* بدنه: عنوان + قیمت */
  .vwpc-body {
    order: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /* عنوان */
  .vwpc-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
    display: block;
  }

  /* قیمت */
  .vwpc-price {
	font-size: 15px;
	font-weight: 700;
	color: #d84315;
	margin-bottom: 6px;
	padding-left: 20px;
}

  /* فوتر: دکمه سبد خرید */
  .vwpc-footer {
	order: 3;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 6px;
	height: 60px;
}

  .vwpc-btn-cart {
    width: 48px;
    height: 48px;
  }

  .vwpc-btn-cart svg {
    width: 36px;
    height: 36px;
  }

  
  /* تنظیم فاصله داخلی body برای موبایل */
  .vwpc-body {
    padding: 0;
  }
}.custom-preview-7 {
	padding: .6rem;
}
.view-box .view-card {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 215/215;
	overflow: hidden;
	border-radius: 5px;
	isolation: isolate;
	transform: translateZ(0);
	flex: 0 0 calc((100% - (var(--vcb-gap) * (var(--vcb-visible, 4) - 1))) / var(--vcb-visible, 4));
	max-width: calc((100% - (var(--vcb-gap) * (var(--vcb-visible, 4) - 1))) / var(--vcb-visible, 4));
	scroll-snap-align: center;
}
.view-box .view-bg {
	position: absolute;
	inset: 10px;
	border-radius: 12px;
	background-size: cover;
	background-position: center;
	filter: grayscale(0);
	z-index: 0;
	margin-bottom: 50px;
}
.view-box .view-panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
	height: 120px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 28px 5px 33px;
	box-shadow: 0 14px 28px rgba(28, 34, 66, 0.12);
	background: #fff;
	color: #211E46;
	-webkit-mask: url(data:image/svg+xml,%3Csvg%20width%3D%22312%22%20height%3D%22116%22%20viewBox%3D%220%200%20312%20116%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M312%2068C312%2090.6274%20312%20101.941%20304.971%20108.971C297.941%20116%20286.627%20116%20264%20116H40C25.0461%20116%2017.5692%20116%2012%20112.785C8.35154%20110.678%205.32183%20107.648%203.21539%20104C0%2098.4308%200%2090.9538%200%2076C0%2061.0461%200%2053.5692%203.21539%2048C5.32183%2044.3515%208.35154%2041.3218%2012%2039.2154C17.5692%2036%2025.0461%2036%2040%2036H189C198.941%2036%20207%2027.9411%20207%2018C207%208.05888%20215.059%200%20225%200H264C286.627%200%20297.941%200%20304.971%207.02944C312%2014.0589%20312%2025.3726%20312%2048V68Z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E) no-repeat bottom center / 100% 100%;
	mask: url(data:image/svg+xml,%3Csvg%20width%3D%22312%22%20height%3D%22116%22%20viewBox%3D%220%200%20312%20116%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M312%2068C312%2090.6274%20312%20101.941%20304.971%20108.971C297.941%20116%20286.627%20116%20264%20116H40C25.0461%20116%2017.5692%20116%2012%20112.785C8.35154%20110.678%205.32183%20107.648%203.21539%20104C0%2098.4308%200%2090.9538%200%2076C0%2061.0461%200%2053.5692%203.21539%2048C5.32183%2044.3515%208.35154%2041.3218%2012%2039.2154C17.5692%2036%2025.0461%2036%2040%2036H189C198.941%2036%20207%2027.9411%20207%2018C207%208.05888%20215.059%200%20225%200H264C286.627%200%20297.941%200%20304.971%207.02944C312%2014.0589%20312%2025.3726%20312%2048V68Z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E) no-repeat bottom center / 100% 100%;
}

.view-box .view-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    -webkit-mask: inherit;
    mask: inherit;
}

.view-box .view-count {
	position: absolute;
	top: 14px;
	right: 14px;
	height: 44px;
	line-height: 24px;
	padding: 0px 6px;
	font-size: 14px;
	font-weight: 400;
	color: #7a7f92;
}
.view-box .view-count b {
    font-weight: 500;
}

.view-box .view-cta {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 38px;
    border-radius: 56px;
    padding: 5px 16px 5px 0;
    position: relative;
    z-index: 2; /* روی کادر سفید */
    overflow: hidden;
    color: #211E46; /* رنگ متن داخل کادر سفید */
  transition:
  transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1),
  filter 0.6s ease;

}

.view-box .view-cta.is-even {
    background: #FFEBF2;
}

.view-box .view-label {
	font-size: 1rem;
	font-weight: 700;
	color: #212529;
}
.view-box .view-arrow {
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
	margin-left: 6px;
	color: #211E46;
}
.view-cta.is-odd {
	background: #F5F4F0;
}
.view-box .view-card:hover .view-cta.is-odd {
	background: #c9c4ba;
}.view-brands__card {
	position: relative;
	transition:
		box-shadow .35s cubic-bezier(.4,0,.2,1),
		transform .35s cubic-bezier(.4,0,.2,1);
}

/* hover */
.view-brands__card:hover {
	box-shadow:
		0 18px 40px -28px rgba(0,0,0,.25);
	transform: translateY(-1px);
}

/* active (press effect) */
.view-brands__card:active {
	transform: translateY(0);
	box-shadow:
		0 10px 22px -24px rgba(0,0,0,.35);
}

/* image micro-motion */
.view-brands__logo img {
	transition:
		transform .35s cubic-bezier(.4,0,.2,1),
		filter .35s cubic-bezier(.4,0,.2,1);
}

/* hover image */
.view-brands__card:hover img {
	transform: scale(1.02);
	filter: saturate(1.05);
}

/* active image */
.view-brands__card:active img {
	transform: scale(0.99);
	filter: saturate(1);
}.custom-preview-9 {
	padding: .5rem;
}
.social-icon {
	position: relative;
	overflow: hidden;
	padding: 30px;
	background: #5e6f63;
	border-radius: 1rem;
	text-align: center;
	transition: background .3s ease;
}

/* لایه‌ی shine */
.social-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, .35),
    transparent
  );
  transition: left .5s ease-in-out; /* آرام و شیک */
}

/* hover */
.social-icon:hover::before {
  left: 150%;
}

.social-icon:hover {
  background: #325259; /* آبی ملایم در هاور */
}

.social-icon img {
  width: 32px;
  position: relative;
  z-index: 1; /* روی shine بماند */
}.card-20 {
  background: #fff;
  border-radius: .5rem;
}
.card-body h2 a {
	font-size: 1.1rem;
	color: #212529;
}
.card-body p {
  color: #535353;
  line-height: 2;
  text-align: justify;
  font-size: .89rem;
}
.card-body h5 {
	color: #222;
	font-size: 1rem;
	text-align: right;
	line-height: 2.4;
	background: #fafafa;
	border: 1px solid #e6e8e4;
	padding: 5px;
}
.brand {
  font-size: .98rem;
  text-align: right;
	font-weight: 700;
}
.product-code {
	font-size: .98rem;
	text-align: right;
	font-weight: 700;
}
.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: 96%;
  margin: ;
  border: 1px solid #e8e8e8 !important;
}
.description {
  padding: 25px;
}
.butboxqr.qwe {
  -webkit-mask-image: radial-gradient(circle at 68% 6px, transparent 6px, red 6.5px), linear-gradient(transparent 25%, red 0, red 75%, transparent 0);
  -webkit-mask-size: 100%, 2px 8px;
  -webkit-mask-repeat: repeat, repeat-y;
  -webkit-mask-position: 0-6px, 68%;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  padding: 3px 10px;
  margin: 3px 0;
  min-width: 163.5px;
}
.butboxqr.qwe img {
  -webkit-mask-image: radial-gradient(circle at 4px, transparent 4px, red 4.5px);
  -webkit-mask-position: -4px;
  -webkit-mask-size: 100% 17px;
  width: 40px;
  max-height: 38px;
  margin: 5px -5px 5px 22px;
  padding: 8px 5px;
}
.butboxqr {
  background-color: #008efa;
  color: #fff;
  padding: 10px 10px;
  border-radius: 15px;
  margin-right: 15px;
  align-items: center;
  font-size: 14px;
  text-align: right;
  border: 0;
}
.butboxed p{
  color:#fff;
}
#productTabsContent {
  background: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}
#productTabsContent h2{
  font-size: 1rem;
  font-weight: 700;
  color:#212529;
}
#productTabsContent h3{
  font-size: 1rem;
  font-weight: 700;
  color:#212529;

}.custom-preview-11 {
  padding: 4px;
}
.view-category-btn {
  display: flex;
  align-items: center;
  gap: 12px;

  width: 100%; /* عرض کامل */
  padding: 12px 20px;
  border-radius: 12px;
  text-decoration: none;
  background: #fff;
  color: #2B2F4A;
  border: 1px solid #E6E8F0;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition:
    background-color 0.35s ease,
    color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.25s ease;
}

.view-category-btn:hover {
  background: #2b382f;
  color: #fff;
  box-shadow: 0 14px 32px -16px rgba(91,95,214,.65);
  transform: translateY(-1px);
}

/* آیکن دسته */
.view-category-icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  transition: transform 0.3s ease;
}

/* انیمیشن ظریف روی آیکن */
.view-category-btn:hover .view-category-icon svg {
  transform: scale(1.1);
}.custom-preview-12 {
	padding: .5rem;
}
.widget-container {
  padding: 10px 10px 10px 10px;
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}
.ata-box-four-section {
	position: relative;
	z-index: 10;
}
.ata-box-four-section::before {
  content: "";
  z-index: -1;
  position: absolute;
  width: calc(100% - 40px);
  height: 50px;
  bottom: -10px;
  left: 20px;
  background: #ffffff;
  background-color: #2b382f;
  border-radius: 20px;
  box-shadow: 0 5px 15px #00000020;
  transition: all .3s ease;
}
 .ata-box-four-section:hover::before {
	background-color: #FCA203;
}

.ata-box-four-section img {
  width: 100%;
  object-fit: cover;
  border-radius: 15px !important;
  height: 274px;

}

.ata-box-four-section .caption {
	content: "";
	position: absolute;
	bottom: 15px;
	right: -15px;
	inset-inline-start: -15px;
	border-radius: 15px;
	z-index: 2;
	transition: .3s;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);
	background-color: #d6cfcf;
	padding: 15px;
	background-color: #fff;
	padding: 4px 2px 6px 16px;
	height: 68px;
	width: 100%;
}

.ata-box-four-section .dvico {
  background-color: #2b382f;
  padding: 8px 8px 8px 8px;
  border-radius: 17px 17px 17px 17px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ata-box-four-section i {
  color: #fff;
  font-size: 20px;
}
.ata-box-four-section .caption h3 {
	font-size: 15px;
	line-height: 1.6;
	color: #212526;
	letter-spacing: -0.4px;
	transition: color 0.3s ease;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ata-box-four-section .caption p {
  font-size: 13px;
  line-height: 20px;
  color: #10C79A;
}
.ata-box-four-section {
	position: relative;
	z-index: 10;
}/* استایل کلی بخش */
.widget-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border-radius: 12px;
  transition: .4s;
}

/* آیکون */
.widget-image img {
  width: 45px;
  height: 45px;
  object-fit: contain;
  display: block;
}
.widget-image {
	background: #eeedeb;
	padding: 10px;
	border-radius: 10px;
}

/* بخش شمارنده */
.widget-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* عنوان شمارنده */
.counter-title {
	font-size: 1rem;
	color: #212529;
	margin-bottom: 4px;
	font-weight: 700;
}
/* عدد شمارنده */

.counter-number-wrapper {
	font-size: .8rem;
	color: #505153;
	font-weight: 500;
}
/* پیشوند و پسوند */
.counter-number-prefix,
.counter-number-suffix {
  font-size: 20px;
  color: #dffbf4;
}/* ===== Layout ===== */
.posts-section .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-right {
  display: flex;
  align-items: center;
}

/* ===== Title ===== */
.section-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: right;
}

.section-label {
  font-size: 14px;
  color: #62667A;
  line-height: 1.4;
  white-space: nowrap;
}

.section-title h3 {
	margin: 0;
	font-size: 18px;
	color: #1e1e1e;
	white-space: nowrap;
	font-weight: 800;
}

/* ===== Icon ===== */
.view-heading__badge {
  margin-left: 12px;
  flex-shrink: 0;
}

/* ===== View All Button ===== */
.btn-view-all {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 999px;
	background: #ffffff;
	color: #211E46;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 8px 20px rgba(28, 34, 66, 0.08);
	transition: all 0.3s ease;
}

.btn-view-all .icon {
  font-size: 18px;
  line-height: 1;
}

.btn-view-all:hover {
  transform: translateX(-4px);
  box-shadow: 0 12px 28px rgba(28, 34, 66, 0.14);
}.cat-Header {
  background: #f3f1ec;
  padding: 30px;
  border-radius: 12px;
  text-align: center;
  margin: 10px 0;
  background-image: url("http://emadlight.ir/image/fm/78bbdf.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.cat-Header h3{
  font-size: 1.3rem;
  font-weight: 900;
  color:#2b382f;
}
.cat-list {
  background: #fafafa;
  padding: 10px;
  border-radius: 5px;
}.cat-Header {
  background: #f3f1ec;
  padding: 30px;
  border-radius: 12px;
  text-align: center;
  margin: 10px 0;
  background-image: url("http://emadlight.ir/image/fm/78bbdf.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.cat-Header h3{
  font-size: 1.3rem;
  color:#2b382f;
}

.cat-list {
	background: #fafafa;
	padding: 10px;
	border-radius: 5px;
	position: sticky;
	top: 20px;
}
.cat-list2 {
	background: #fafafa;
	padding: 7px;
	border-radius: 5px;
	margin: 4px;
}section.section.section-1 { background-repeat:repeat;
	background-position:center top;
	 padding: 20px 0; }
section.section.section-2 { background-color:#F5F4F0;
	background-repeat:repeat;
	 padding: 50px 0; }
section.section.section-3 { background-color:#fafafa;;
	background-repeat:repeat;
	 padding: 90px 0; }
section.section.section-6 { background-color:#2b382f;
	background-repeat:repeat;
	 padding:50px 0; }
section.section.section-4 { background-color:#F5F4F0;
	background-repeat:repeat;
	 padding:50px 0; }
section.section.section-5 { background-color:#e2ddd3;
	background-repeat:repeat;
	 padding: 50px 0; }
section.section.section-7 { background-color:#F5F4F0;
	background-repeat:repeat;
	 padding:50px 0; }
#block-1 { color:#2b382f !important;
font-size:1rem;
margin:0 auto; }
#block-4 { padding: 5px 0; }
#block-5 { color:#212529!important;
font-size:.78rem;
margin:0 auto; }
#block-6 { color:#212529 !important;
font-size:1rem;
margin:0 auto; }
#block-7 { margin-top: -41px; }
#block-8 { padding: .5rem; }
#block-9 { margin-bottom: 45px; }
#block-11 { padding-bottom: 50px; }
#block-12 { padding: .5rem; }
#block-14 { padding: .5rem; }
#block-15 { background-color: #F5F5F5;
  padding: 5px 5px 5px 5px;
  width: 100%;
  border-radius: 5px;
  height: 46px; }
#block-16 { padding: 15px;
background: #f2f2f2; }
#block-19 { padding: 5px 5px 5px 5px;
  width: 100%;
  border-radius: 5px; }
#block-20 { margin: 0 auto;
background: #fff;
border-radius: 8px;
padding: 5px; }
#block-23 { margin-bottom: 32px; }


/* Font List Start */

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

/* Font List End */

footer, section#column-footer {background-color:#2b382f;
	background-image:url('../../image/template/footer_pic.jpg');
	}
body { margin: 0; padding: 0;font-family: "yekanbakh" !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;
}
.container{
  --mdb-gutter-x: 0!important;
  --mdb-gutter-y: 0!important;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}
.row {
--mdb-gutter-x: 0!important;
	--mdb-gutter-y: 0;
}
.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)!important; 
  --mdb-navbar-padding-top: 0.5625rem;
  --mdb-navbar-brand-img-margin-right: 0.25rem;
  box-shadow:var(--mdb-navbar-box-shadow);
  padding-top:var(--mdb-navbar-padding-top)
}
#header {
	background: #2b382f;
}
.header-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	box-shadow: 3px -21px 25px rgba(137, 137, 137, 0.16);
	transition: background 0.3s;
	background: #e2ddd3;
}
.header-logo img {
  margin: 15px 0;
}
.menu-small {
  padding-right: 20px;
}

.menu-small li a {
	font-size: .78rem;
	color: #fff !important;
	font-weight: 500;
}
.menu-small li{
  font-size: .78rem;
  color: #fff !important;
}
.user-account {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
	padding: 10px 25px 10px 25px;
	background-color: #E5B566;
	border-radius: 5px;
	color: #fff;
	margin: 8px;
}
.user-account i {
  font-size: 20px;
}
#block-1 a{
color:#2b382f;
}
.header-contact {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
}
.user-text {
  font-size: 14px;
  white-space: nowrap;
}
.user-account:hover {
  opacity: 0.8;
}
.user-name {
  padding: 10px 25px 10px 25px;
  background-color: #FF4647;
  border-radius: 12px 12px 12px 12px;
}

.contact-phone {
	display: flex;
	align-items: center;
	gap: 2px;
	text-decoration: none;
	color: inherit;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}

.phone-prefix {
  direction: ltr;
}

.phone-number {
  direction: ltr;
}

.contact-icon i {
	font-size: 20px;
	color: #e2ddd3;
}
.phone-prefix a {
	outline: 0;
	text-decoration: none;
	white-space: nowrap;
	transition: all ease .3s;
	color: #F04344;
}
.menu-search {
	padding: 6px 0;
	border-bottom: 1px solid #516658;
}
.menu-login {
	padding: 8px 0;
}
/*--------footer----------*/
#column-footer {
	padding: 60px 0 20px 0;
	margin-top: 80px;
}
#column-footer h3{
  color:#fff;
  font-size:1.2rem;
}
#column-footer p {
  color: #fff;
  font-size: .8rem;
  line-height: 2.4;
  text-align: justify;
}
#column-footer ul{
  color: #fff;
  font-size: .8rem;
  line-height: 2.4;
}
#column-footer .icon-box-wrapper {
	display: flex;
}
#column-footer.icon-box-content {
	padding: 0 .7rem;
}
.icon-box-content {
	margin: 0 .7rem;
}
.footer-up {
	background: #5e6f63;
	border-radius: 120px 120px 20px 20px;
	padding: 20px;
	text-align: center;
	margin-top: -103px;
	background-position: bottom;
	color: #fff;
  	font-weight: 900;
}
.footer-up h2 {
	font-size: 1.3rem;
	font-weight: 1000;
}
.faq img {
  width: 100%;
  max-width: 100%;
  height: 330px;
  object-fit: cover;
  object-position: cen;
}
.faq-item {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}
.view-heading {
	display: flex;
	align-items: center;
	gap: 16px;
	direction: rtl;
	background: #2b382f;
	padding: 50px;
	border-radius: 5px;
	background-image: url(https://demo.code-snippet.ir/view/wp-content/uploads/2025/09/Rectangle-41.webp);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 80% auto;
}
.view-heading__badge {
  flex-shrink: 0; /* جلوی کوچک شدن آیکون را می‌گیرد */
}

.view-heading__content {
  display: flex;
  flex-direction: row; /* همه نوشته‌ها در یک ردیف */
  align-items: center;
  gap: 8px; /* فاصله بین label و title */
}
.view-heading__title {
	font-size: 18px;
	color: #e7e3db;
	white-space: nowrap;
	font-weight: 700;
}

.view-heading__label {
  font-size: 14px;
  color: #F5F4F0;
}

.accordion-item {
  color: #fff;
  background-color: none; 
  border: 0!important; 
}
.view-heading1 {
  display: flex;
  align-items: center;
  gap: 16px;
  direction: rtl;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  background-image: url(https://demo.code-snippet.ir/view/wp-content/uploads/2025/09/Rectangle-41.webp);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 80% auto;
}
.view-heading1__badge {
  flex-shrink: 0; /* جلوی کوچک شدن آیکون را می‌گیرد */
}

.view-heading1__content {
  display: flex;
  flex-direction: row; /* همه نوشته‌ها در یک ردیف */
  align-items: center;
  gap: 8px; /* فاصله بین label و title */
}

.view-heading1__title {
	font-size: 1rem;
	color: #212529;
	white-space: nowrap;
	font-weight: 700;
}
.view-heading1__label {
  font-size: 14px;
  color: #575757;
}
.accordion-item {
  background: #fff !important;
}@media (max-width: 576px) { /****** HAMID ******/
.col, .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  padding-left:0 !important;
  padding-right:0 !important;
}

.container {
  width: 100%!important;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}
.row {
  display: flex;
  flex-wrap: wrap;

}
header {
  width: 90%;
  margin: 0 auto;
}
.bg25 {
  background: #e2ddd3;
}
.user-account {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
	padding: 8px 15px 8px 15px;
	background-color: #2b382f;
	border-radius: 10px;
	color: #fff;
}
.user-text {
  font-size: 12px;
  white-space: nowrap;
}
.user-account i {
  font-size: 16px;
  font-weight: 300!important;
}
#section-1{
padding:20px;
}
.custom_preview-35000 img {
	width: 100%!important;
	object-fit: cover;
	border-radius: 7px;
}
.custom_preview-35000 {
	position: relative;
	margin: 0px !important;
	width: 100%!important;
	border-radius: 7px;
}
.view-box .view-label {
  font-size: .7rem;
  font-weight: 700;
  color: #212529;
}
.view-box .view-count {
  position: absolute;
  top: 31px;
  right: 6px;
  height: 44px;
  line-height: 24px;
  padding: 0px 6px;
  font-size: 14px;
  font-weight: 400;
  color: #7a7f92;
}
.view-box .view-cta {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  border-radius: 56px;
  padding: 4px 11px 5px 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
  color: #211E46;
  transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.6s ease;
}
.view-box .view-panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 120px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px 5px 20px;
  box-shadow: 0 14px 28px rgba(28, 34, 66, 0.12);
  background: #fff;
  color: #211E46;
  -webkit-mask: url(data:image/svg+xml,%3Csvg%20width%3D%22312%22%20height%3D%22116%22%20viewBox%3D%220%200%20312%20116%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M312%2068C312%2090.6274%20312%20101.941%20304.971%20108.971C297.941%20116%20286.627%20116%20264%20116H40C25.0461%20116%2017.5692%20116%2012%20112.785C8.35154%20110.678%205.32183%20107.648%203.21539%20104C0%2098.4308%200%2090.9538%200%2076C0%2061.0461%200%2053.5692%203.21539%2048C5.32183%2044.3515%208.35154%2041.3218%2012%2039.2154C17.5692%2036%2025.0461%2036%2040%2036H189C198.941%2036%20207%2027.9411%20207%2018C207%208.05888%20215.059%200%20225%200H264C286.627%200%20297.941%200%20304.971%207.02944C312%2014.0589%20312%2025.3726%20312%2048V68Z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E) no-repeat bottom center / 100% 100%;
  mask: url(data:image/svg+xml,%3Csvg%20width%3D%22312%22%20height%3D%22116%22%20viewBox%3D%220%200%20312%20116%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M312%2068C312%2090.6274%20312%20101.941%20304.971%20108.971C297.941%20116%20286.627%20116%20264%20116H40C25.0461%20116%2017.5692%20116%2012%20112.785C8.35154%20110.678%205.32183%20107.648%203.21539%20104C0%2098.4308%200%2090.9538%200%2076C0%2061.0461%200%2053.5692%203.21539%2048C5.32183%2044.3515%208.35154%2041.3218%2012%2039.2154C17.5692%2036%2025.0461%2036%2040%2036H189C198.941%2036%20207%2027.9411%20207%2018C207%208.05888%20215.059%200%20225%200H264C286.627%200%20297.941%200%20304.971%207.02944C312%2014.0589%20312%2025.3726%20312%2048V68Z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E) no-repeat bottom center / 100% 100%;
}

#section.section.section-3 {
  background-color: #fafafa;
  background-repeat: repeat;
  padding: 48px 6px;
}
.vwps-card {
  width: 97%;
}
.view-brands__logo img {
  transition: transform .35s cubic-bezier(.4,0,.2,1), filter .35s cubic-bezier(.4,0,.2,1);
  width: 96%;
}
.custom-preview-8 {
  padding: .3rem;
}
.view-heading__badge {
  margin-left: 7px;
  flex-shrink: 0;
}
.view-heading__title {
  font-size: 15px;
  color: #e7e3db;
  white-space: nowrap;
  font-weight: 700;
}
.view-heading {
  display: flex;
  align-items: center;
  /* gap: 16px; */
  direction: rtl;
  background: #2b382f;
  padding: 37px 10px;
  border-radius: 5px;
  background-image: url(https://demo.code-snippet.ir/view/wp-content/uploads/2025/09/Rectangle-41.webp);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 73% auto;
}
.accordion-button {
  font-size: 14px!important;
}
.faq img {
  display: none;
}
.footer-up h2 {
  font-size: 1.1rem;
  font-weight: 1000;
}
#column-footer {
  padding: 20px;
}
.section-6 {
  padding: 30px 20px!important;
}
.section-3 {
  padding: 50px 8px!important;
}
.slick-prev {
  right: 0!important;
  left: auto;
}
.slick-next {
  right: auto;
  left: 0!important;
}
.section-title h3 {
  font-size: 16px;
}
.butboxed {
  display: block ruby;
}
/*menu-mobile*/
.nav-bottom a {
  position: relative;
  text-decoration: none;
  transition: all 0.25s ease;
}
.nav-bottom svg {
  fill: #2a372e;
  transition: all 0.25s ease;
}
.nav-bottom span {
  transition: all 0.25s ease;
  font-size: 0.8rem;
  color: #949698;
}

/* حالت active */
.nav-bottom a.active svg {
  fill: #0d6efd;
  transform: scale(1.15);
  filter: drop-shadow(0 0 6px rgba(0, 150, 255, .55));
  animation: pulse 0.8s ease-in-out infinite alternate;
}

.nav-bottom a.active span {
  color: #0d6efd !important;
  font-weight: 600;
}

/* hover */
.nav-bottom a:hover svg {
  fill: #0d6efd;
  transform: scale(1.12);
}

.nav-bottom a:hover span {
  color: #0d6efd;
}

/* لمس */
.nav-bottom a:active svg {
  transform: scale(0.9);
}

@keyframes pulse {
  0% { transform: scale(1.15); }
  50% { transform: scale(1.25); }
  100% { transform: scale(1.18); }
}

.nav-bottom{
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    backdrop-filter: blur(9px);
    background: rgba(255,255,255,0.93);
    z-index: 99999;
    border-radius: 0;
    display: flex !important;
}
.nav-bottom: env(safe-area-inset-bottom);

body {
  padding-bottom: 80px; /* بسته به ارتفاع منو */
}
.nav-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}
.cat-list {
	display: none;
}

.excited {
	display:none;
}
#section-6 header{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.custom-preview-7 {
	padding: 0 0.3rem;
} }@media (min-width: 768px) { /****** HAMID ******/
.col, .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  padding-left:0 !important;
  padding-right:0 !important;
}

.container {
  width: 100%!important;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}
.row {
  display: flex;
  flex-wrap: wrap;

} }