:root {
  --color-primary: #1e3a8a;
  --color-secondary: #4a90e2;
  --color-at-gray: #f2f4f7;
}
.uk-nav .nav-parent-icon-custom {
  transition: transform 0.2s ease-in-out;
  width: 20px;
  text-align: center;
}
.uk-nav .uk-parent.uk-open > a .nav-parent-icon-custom {
  transform: rotate(180deg);
}
/* main */
.index--cat--picture:hover img {
  transform: scale(1.08);
}
.index--cat--picture i {
  transform: rotate(30deg);
}
.index--cat--picture a:hover i {
  transform: rotate(0deg);
}
.index--banner {
  background-image: url("./../img/durable-cotton-twill-fabric-denim-known-diagonal-ribbing-ideal-jeans-casual-wear_698249-11642.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* seoBox */
/* seoBox */
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f3f4f6);
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.overlay.hidden {
  opacity: 0;
  visibility: hidden;
}
.text-box {
  position: relative;
  overflow: hidden;
  max-height: 10.5em;
  transition: max-height 0.5s ease;
}
.text-box.expanded {
  max-height: 1000px;
}
/* Swipper */
.autoplay-progress {
  position: absolute;
  inset-block-end: 1rem; /* به‌جای bottom */
  inset-inline-end: 1rem; /* به‌جای right */
  z-index: 10;
  color: var(--color-white);
}

.autoplay-progress svg {
  --progress: 0; /* مقدار پیش‌فرض */
  inline-size: 48px; /* width منطقی */
  block-size: 48px; /* height منطقی */
  transform: rotate(-90deg);
  display: block;
}

.autoplay-progress circle {
  fill: none;
  stroke: currentColor;
  stroke-width: 4;
  /* محیط دایره ≈ 2πr = 2*3.1416*20 ≈ 125.66 → 126 */
  stroke-dasharray: 126;
  stroke-dashoffset: calc(126 * var(--progress));
  transition: stroke-dashoffset 0.1s linear;
}

.autoplay-progress span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font:
    600 0.75rem/1 system-ui,
    sans-serif;
}

.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: var(--color-at-gray);
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: var(--color-secondary);
}
/* Blog  */
.blog_slider_content {
  position: absolute;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0.7) 100%
  );
}
.blog_slider_content_parent:hover > figure {
  transform: scale(1.1);
}
.blog--heading {
  line-height: 1 !important;
}

/* Form */
.rw-arvand-forms_wrapper .gf_page_steps {
  justify-content: center;
}
.rw-arvand-forms_wrapper .gform_heading .gform_title {
  font-family: "iransansbold" !important;
  text-align: center;
  font-size: 20px;
}
.rw-arvand-forms_wrapper .gform_heading .gform_description {
  text-align: center;
}
.rw-arvand-forms_wrapper .gform_page_fields h3 {
  font-family: "iransansbold" !important;
  font-size: 16px;
  border-bottom: 1px solid var(--color-secondary);
  color: var(--color-secondary);
  padding-bottom: 1rem;
}
.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-section {
  border-block-end: none !important;
}
.rw-arvand-forms_wrapper input:focus {
  outline: none !important;
}
