@import url(font.css);
@import url(materialdesignicons.css);
@import url(all-fontawesome.min.css);
@import url(fonts/googleMaterialIcons/googleMaterialIcons.css);
@import url(https://public.iranseda.ir/cdn3/css/main-irib-menu.css);
#offcanvasRight .offcanvas-body{
  height: calc(100dvh - 48px);
}
.main-irib-menu {
  z-index: 9999;
  position: relative;
  width: 100%;
 
}
.target-menu {
  position: absolute !important;
  top: 46px;
  left: 0;
  right: 0;
}
.radio-btn[aria-expanded=true] {
  background-color: #ffffff;
  color: #666666;
  transition: color 0ms;
}
.main-irib-menu .radio-btn[aria-expanded=false] > .radio-networks{
  
}
.main-irib-menu .radio-btn[aria-expanded=false] > .radio-networks.down {
  display: block;
}

.main-irib-menu .radio-btn[aria-expanded=false] > .radio-networks.up {
  display: none;
}
.main-irib-menu .radio-btn[aria-expanded=true] > .radio-networks.down {
  display: none;
}

.main-irib-menu .radio-btn[aria-expanded=true] > .radio-networks.up {
  display: block;
  ;
}

:root{
  --bs-spinner-width: 3rem;
  --bs-spinner-height: 3rem;
  --color-brand1:#2821e5;
  --color-brand1-dark:#120da5;
  --color-brand1-dark-2:#080475;
  --color-brand1-light:#2d27e7;
  --color-brand2:#4b62e9;
  --color-brand2-dark:#2c3b92;
  --color-brand2-light:#677bec;
  --color-brand3:#0490ee;
  --color-brand3-dark:#0b5ebd;
  --color-brand3-light:#43acf1;
  --bs-link-color: var(--color-brand1);
  --bs-link-hover-color: var(--color-brand1-dark-2);
  --bs-primary-rgb: 34, 56, 789;
  --bs-nav-link-hover-color: var(--color-brand1-dark-22);
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-brand1);
  --bs-btn-border-color: var(--color-brand1-dark);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-brand2);
  --bs-btn-hover-border-color: var(--color-brand2-dark);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color-brand2);
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0a53be;
  --bs-btn-disabled-border-color: #0a53be;
}
.btn-outline-primary {
  --bs-btn-color: var(--color-brand1);
  --bs-btn-border-color: var(--color-brand1-dark);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-brand1-dark);;
  --bs-btn-hover-border-color:var(--color-brand1-dark);;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color-brand2:#4b62e9;);
  --bs-btn-active-border-color: var(var(--color-brand2-dark):#4b62e9;);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-brand2-light);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--color-brand2);
  --bs-gradient: none;
}
/* General styles for all sizes, effectively handling small displays (<768px) */
.fs--2 { font-size: 0.6rem !important; }
.fs--1 { font-size: 0.75rem !important; }
.fs-0 { font-size: 0.9rem !important; }
.fs-0--1 { font-size: 1rem !important; }
.fs-1 { font-size: 1.25rem !important; }
.fs-2 { font-size: 1.5rem !important; }
.fs-3 { font-size: 1.75rem !important; }
.fs-4 { font-size: 2rem !important; }
.fs-5 { font-size: 2.25rem !important; }
.fs-6 { font-size: 2.5rem !important; }
.fs-7 { font-size: 2.75rem !important; }
.fs-8 { font-size: 3rem !important; }
.fs-9 { font-size: 3.25rem !important; }
.fs-10 { font-size: 3.5rem !important; }
.fs-11 { font-size: 3.75rem !important; }
.fs-12 { font-size: 4rem !important; }

/* Medium breakpoint (≥768px) */
@media (min-width: 768px) {
  .fs-md--2 { font-size: 0.5rem !important; }
  .fs-md--1 { font-size: 0.75rem !important; }
  .fs-md-0 { font-size: 0.9rem !important; }
  .fs-md-0--1 { font-size: 1rem !important; }
  .fs-md-1 { font-size: 1.25rem !important; }
  .fs-md-2 { font-size: 1.5rem !important; }
  .fs-md-3 { font-size: 1.75rem !important; }
  .fs-md-4 { font-size: 2rem !important; }
  .fs-md-5 { font-size: 2.25rem !important; }
  .fs-md-6 { font-size: 2.5rem !important; }
  .fs-md-7 { font-size: 2.75rem !important; }
  .fs-md-8 { font-size: 3rem !important; }
  .fs-md-9 { font-size: 3.25rem !important; }
  .fs-md-10 { font-size: 3.5rem !important; }
  .fs-md-11 { font-size: 3.75rem !important; }
  .fs-md-12 { font-size: 4rem !important; }
}
/* Large breakpoint (≥992px) */
@media (min-width: 992px) {
  .fs-lg--2 { font-size: 0.5rem !important; }
  .fs-lg--1 { font-size: 0.75rem !important; }
  .fs-lg-0 { font-size: 0.9rem !important; }
  .fs-lg-0--1 { font-size: 1rem !important; }
  .fs-lg-0--2 { font-size: 1.1rem !important; }
  .fs-lg-1 { font-size: 1.25rem !important; }
  .fs-lg-2 { font-size: 1.5rem !important; }
  .fs-lg-3 { font-size: 1.75rem !important; }
  .fs-lg-4 { font-size: 2rem !important; }
  .fs-lg-5 { font-size: 2.25rem !important; }
  .fs-lg-6 { font-size: 2.5rem !important; }
  .fs-lg-7 { font-size: 2.75rem !important; }
  .fs-lg-8 { font-size: 3rem !important; }
  .fs-lg-9 { font-size: 3.25rem !important; }
  .fs-lg-10 { font-size: 3.5rem !important; }
  .fs-lg-11 { font-size: 3.75rem !important; }
  .fs-lg-12 { font-size: 4rem !important; }
}

/* Extra Large breakpoint (≥1200px) */
@media (min-width: 1200px) {
  .fs-xl--2 { font-size: 0.5rem !important; }
  .fs-xl--1 { font-size: 0.75rem !important; }
  .fs-xl-0 { font-size: 0.9rem !important; }
  .fs-xl-1 { font-size: 1.25rem !important; }
  .fs-xl-2 { font-size: 1.5rem !important; }
  .fs-xl-3 { font-size: 1.75rem !important; }
  .fs-xl-4 { font-size: 2rem !important; }
  .fs-xl-5 { font-size: 2.25rem !important; }
  .fs-xl-6 { font-size: 2.5rem !important; }
  .fs-xl-7 { font-size: 2.75rem !important; }
  .fs-xl-8 { font-size: 3rem !important; }
  .fs-xl-9 { font-size: 3.25rem !important; }
  .fs-xl-10 { font-size: 3.5rem !important; }
  .fs-xl-11 { font-size: 3.75rem !important; }
  .fs-xl-12 { font-size: 4rem !important; }
}
/* General styles for all sizes, effectively handling small displays (<768px) */
.z-index--2 { z-index: -2 !important; }
.z-index--1 { z-index: -1 !important; }
.z-index-0 { z-index: 0 !important; }
.z-index-1 { z-index: 1 !important; }
.z-index-2 { z-index: 2 !important; }
.z-index-3 { z-index: 3 !important; }
.z-index-4 { z-index: 4 !important; }
.z-index-5 { z-index: 5 !important; }
.z-index-6 { z-index: 6 !important; }
.z-index-7 { z-index: 7 !important; }
.z-index-8 { z-index: 8 !important; }
.z-index-9 { z-index: 9 !important; }
.z-index-10 { z-index: 10 !important; }
.z-index-11 { z-index: 11 !important; }
.z-index-12 { z-index: 12 !important; }

/* Medium breakpoint (≥768px) */
@media (min-width: 768px) {
  .z-index-md--2 { z-index: -2 !important; }
  .z-index-md--1 { z-index: -1 !important; }
  .z-index-md-0 { z-index: 0 !important; }
  .z-index-md-1 { z-index: 1 !important; }
  .z-index-md-2 { z-index: 2 !important; }
  .z-index-md-3 { z-index: 3 !important; }
  .z-index-md-4 { z-index: 4 !important; }
  .z-index-md-5 { z-index: 5 !important; }
  .z-index-md-6 { z-index: 6 !important; }
  .z-index-md-7 { z-index: 7 !important; }
  .z-index-md-8 { z-index: 8 !important; }
  .z-index-md-9 { z-index: 9 !important; }
  .z-index-md-10 { z-index: 10 !important; }
  .z-index-md-11 { z-index: 11 !important; }
  .z-index-md-12 { z-index: 12 !important; }
}

/* Large breakpoint (≥992px) */
@media (min-width: 992px) {
  .z-index-lg--2 { z-index: -2 !important; }
  .z-index-lg--1 { z-index: -1 !important; }
  .z-index-lg-0 { z-index: 0 !important; }
  .z-index-lg-1 { z-index: 1 !important; }
  .z-index-lg-2 { z-index: 2 !important; }
  .z-index-lg-3 { z-index: 3 !important; }
  .z-index-lg-4 { z-index: 4 !important; }
  .z-index-lg-5 { z-index: 5 !important; }
  .z-index-lg-6 { z-index: 6 !important; }
  .z-index-lg-7 { z-index: 7 !important; }
  .z-index-lg-8 { z-index: 8 !important; }
  .z-index-lg-9 { z-index: 9 !important; }
  .z-index-lg-10 { z-index: 10 !important; }
  .z-index-lg-11 { z-index: 11 !important; }
  .z-index-lg-12 { z-index: 12 !important; }
}

/* Extra Large breakpoint (≥1200px) */
@media (min-width: 1200px) {
  .z-index-xl--2 { z-index: -2 !important; }
  .z-index-xl--1 { z-index: -1 !important; }
  .z-index-xl-0 { z-index: 0 !important; }
  .z-index-xl-1 { z-index: 1 !important; }
  .z-index-xl-2 { z-index: 2 !important; }
  .z-index-xl-3 { z-index: 3 !important; }
  .z-index-xl-4 { z-index: 4 !important; }
  .z-index-xl-5 { z-index: 5 !important; }
  .z-index-xl-6 { z-index: 6 !important; }
  .z-index-xl-7 { z-index: 7 !important; }
  .z-index-xl-8 { z-index: 8 !important; }
  .z-index-xl-9 { z-index: 9 !important; }
  .z-index-xl-10 { z-index: 10 !important; }
  .z-index-xl-11 { z-index: 11 !important; }
  .z-index-xl-12 { z-index: 12 !important; }
}

/*==================================================*/
:host, :root {
  --new-width: 1.5rem; /* مقدار پیش‌فرض new-width */
}
.more[aria-expanded="false"] > .fa-chevron-up{
  display: none;
}
.more[aria-expanded="true"] > .fa-chevron-down{
  display: none;
}
/* Default (col بدون prefix) */
.swiper-wrapper > .col-1 {
  width: calc(8.33333333% + var(--new-width));
}
.swiper-wrapper > .col-2 {
  width: calc(16.66666667% + var(--new-width));
}
.swiper-wrapper > .col-3 {
  width: calc(25% + var(--new-width));
}
.swiper-wrapper > .col-4 {
  width: calc(33.33333333% + var(--new-width));
}
.swiper-wrapper > .col-5 {
  width: calc(41.66666667% + var(--new-width));
}
.swiper-wrapper > .col-6 {
  width: calc(50% + var(--new-width));
}
.swiper-wrapper > .col-7 {
  width: calc(58.33333333% + var(--new-width));
}
.swiper-wrapper > .col-8 {
  width: calc(66.66666667% + var(--new-width));
}
.swiper-wrapper > .col-9 {
  width: calc(75% + var(--new-width));
}
.swiper-wrapper > .col-10 {
  width: calc(83.33333333% + var(--new-width));
}
.swiper-wrapper > .col-11 {
  width: calc(91.66666667% + var(--new-width));
}
.swiper-wrapper > .col-12 {
  width: calc(100% + var(--new-width));
}

/* Small devices (≥576px) */
@media (min-width: 576px) {
  .swiper-wrapper > .col-sm-1 {
      width: calc(8.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-sm-2 {
      width: calc(16.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-sm-3 {
      width: calc(25% + var(--new-width));
  }
  .swiper-wrapper > .col-sm-4 {
      width: calc(33.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-sm-5 {
      width: calc(41.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-sm-6 {
      width: calc(50% + var(--new-width));
  }
  .swiper-wrapper > .col-sm-7 {
      width: calc(58.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-sm-8 {
      width: calc(66.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-sm-9 {
      width: calc(75% + var(--new-width));
  }
  .swiper-wrapper > .col-sm-10 {
      width: calc(83.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-sm-11 {
      width: calc(91.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-sm-12 {
      width: calc(100% + var(--new-width));
  }
}

/* Medium devices (≥768px) */
@media (min-width: 768px) {
  .swiper-wrapper > .col-md-1 {
      width: calc(8.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-md-2 {
      width: calc(16.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-md-3 {
      width: calc(25% + var(--new-width));
  }
  .swiper-wrapper > .col-md-4 {
      width: calc(33.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-md-5 {
      width: calc(41.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-md-6 {
      width: calc(50% + var(--new-width));
  }
  .swiper-wrapper > .col-md-7 {
      width: calc(58.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-md-8 {
      width: calc(66.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-md-9 {
      width: calc(75% + var(--new-width));
  }
  .swiper-wrapper > .col-md-10 {
      width: calc(83.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-md-11 {
      width: calc(91.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-md-12 {
      width: calc(100% + var(--new-width));
  }
}

/* Large devices (≥992px) */
@media (min-width: 992px) {
  .swiper-wrapper > .col-lg-1 {
      width: calc(8.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-lg-2 {
      width: calc(16.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-lg-3 {
      width: calc(25% + var(--new-width));
  }
  .swiper-wrapper > .col-lg-4 {
      width: calc(33.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-lg-5 {
      width: calc(41.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-lg-6 {
      width: calc(50% + var(--new-width));
  }
  .swiper-wrapper > .col-lg-7 {
      width: calc(58.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-lg-8 {
      width: calc(66.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-lg-9 {
      width: calc(75% + var(--new-width));
  }
  .swiper-wrapper > .col-lg-10 {
      width: calc(83.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-lg-11 {
      width: calc(91.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-lg-12 {
      width: calc(100% + var(--new-width));
  }
}

/* Extra large devices (≥1200px) */
@media (min-width: 1200px) {
  .swiper-wrapper > .col-xl-1 {
      width: calc(8.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-xl-2 {
      width: calc(16.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-xl-3 {
      width: calc(25% + var(--new-width));
  }
  .swiper-wrapper > .col-xl-4 {
      width: calc(33.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-xl-5 {
      width: calc(41.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-xl-6 {
      width: calc(50% + var(--new-width));
  }
  .swiper-wrapper > .col-xl-7 {
      width: calc(58.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-xl-8 {
      width: calc(66.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-xl-9 {
      width: calc(75% + var(--new-width));
  }
  .swiper-wrapper > .col-xl-10 {
      width: calc(83.33333333% + var(--new-width));
  }
  .swiper-wrapper > .col-xl-11 {
      width: calc(91.66666667% + var(--new-width));
  }
  .swiper-wrapper > .col-xl-12 {
      width: calc(100% + var(--new-width));
  }
}
/*===================================================*/
.bd{
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  --bd-accent-rgb: 255, 228, 132;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-primary-rgb: 34, 56, 789;
  --bd-pink-rgb: 214, 51, 132;
}
.bd {
  height: 100vh;
 
  padding: 3rem 0;
  background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%), radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.5), transparent 50%), radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.5), transparent 50%), radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.5), transparent 50%), radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.5), transparent 50%);
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
}
.bd-masthead>canvas {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;

}

.bd-masthead {
  position: absolute;
  height: 100dvh;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  opacity: 0.4;
}

.bd-masthead::before {
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  height: 20dvh;
  position: absolute;
  z-index: 1;

  background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 44%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 44%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 44%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.bd-masthead::after {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  mix-blend-mode: multiply;
  /* اعمال مات کردن */
  backdrop-filter: blur(0);
  /* بلور پس‌زمینه */
  pointer-events: none;
  /* غیر فعال کردن تعاملات موس */
  display: block;
}
.bd-masthead>.bg{
  width: 100%;
}
.left-0{
  left: 0;
}
.right-0{
  right: 0;
}
.top{
  top: 0;

}
.bottom{
  bottom: 0;
}
.ratio-4x3{
  aspect-ratio: 4/3;
}
.card > a{
  color: inherit;
  text-decoration: none;
}
.card.TextOver {
 position: relative;
}
.card.TextOver > a > .card-body{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: var(--bs-white);
  z-index: 1;
}
.card.TextOver > a > .card-body::after{
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgb(2,0,36);
  background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 27%, rgba(0,0,0,0) 100%);
  right: 0;
  bottom: 0;
  z-index: -1;
}
.type-b.card .card-img-top{
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: transparent;
  box-shadow: 0 1px 1px #00000003, 0 2px 2px #00000003, 0 4px 4px #00000005, 0 8px 8px #00000008, 0 14px 14px #00000008;
}

body{
    direction: rtl;
    text-align: right;
    font-family: Pinar-VF;
    --font-family--body: 'Pinar-VF', sans-serif;;
	--font-family--headings: 'Pinar-VF', sans-serif;
	--font-family--code: Pinar-VF, Monaco, monospace;
   padding: 0 0 !important;
   background-color: white;
}
a{
  text-decoration: none;
}
header .logo{
    width: 32px;
}
header h2.titel-brand{
  color: var(--color-brand1);
}
@media (min-width:991px) {
    header .logo{
        width: 64px;
    } 
}

.titel-bar>a{
  
}
.swiper-container{
  overflow: hidden;
  position: relative;
}
.swiper-slide {
  flex-shrink: 0;

  height: inherit;
  position: relative;
  transition-property: transform;
  display: inherit;
}
.swiper-slide .card {
  width: 100%;
}



/* =================================================================== */
/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
.play {
  background-color: #2821e5 !important;
  border-color: #3700d6 !important;
  color: #fff !important;
  transition: all 88ms;
}
.play:hover{
  background-color: #3f39eb !important;
  color: #fff !important;
}
.feedback-btn .text{
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.feedback-btn{
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;

}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper { 
  position: relative;
  z-index: 0;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
  margin-left: calc(var(--bs-gutter-x) * -.5);
  margin-right: calc(var(--bs-gutter-x) * -.5);
}

@media ( min-width:992px) {
  .swiper-horizontal{
    --bs-gutter-x:1.5rem;
    margin-left: 0;
  margin-right: -.5rem;
  }
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {

}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-horizontal:hover .swiper-button-next,.swiper-horizontal:hover .swiper-button-prev{
  opacity: 1;
}
.swiper-horizontal:hover .swiper-button-prev.swiper-button-disabled,.swiper-horizontal:hover  .swiper-button-next.swiper-button-disabled{
  opacity: 0.35;
}
.swiper-button-next::before,.swiper-button-prev::before{
  content: '';
  z-index: -1;
  position: absolute;
  width: var(--with);
  height: 83%;
  display: block;

}
.swiper-button-next::after,.swiper-button-prev::after{
  content: '';
  z-index: 1;
  position: absolute;
  width: var(--with);
  height: 100%;
  display: block;

}
.swiper-button-next::after{
  background: rgb(255,255,255);
  background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 86%, rgba(255, 255, 255, 1) 100%);
}
.swiper-button-prev::after{
  background: rgb(255, 255, 255);
  background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 86%, rgba(255, 255, 255, 1) 100%);
}
.swiper-button-prev::before{
 
  box-shadow: -14px 0px 20px -15px var(--bs-gray-900);
  background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 86%, rgba(255, 255, 255, 1) 100%);
}
.swiper-button-next::before{

  box-shadow: 14px 0px 20px -15px var(--bs-gray-900);
  background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 18%, rgba(255,255,255,0) 100%);
}
.swiper-button-prev,
.swiper-button-next {

  opacity: 0;
  --with:40px;
  --swiper-navigation-top-offset:0;
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  transition: all 300ms;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
  cursor: auto;

}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  --swiper-navigation-sides-offset:0;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {

}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {

}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  background-color: rgb(255 255 255 / 52%);
  backdrop-filter: blur(25px);
  width: var(--with);
  height: 100%;
}
.swiper-button-next i,
.swiper-rtl .swiper-button-prev i {
  font-size: 2rem;
  color: var(--bs-gray-600);
  padding: 0 1rem;
  transition: all 200ms;
}
.swiper-button-next:hover i,
.swiper-rtl .swiper-button-prev:hover i {
  font-size: 2.5rem;
  color: var(--color-brand1);
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
 
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  transition: all 400ms;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--color-brand1-dark));
  width: 20px;
  border-radius: 20px;
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
/*========================================================================*/
.header-list{
  width: 100%;

  overflow: hidden;
  position: relative;
}
.header-list .image-cover{}  
.cover{
  width: 100%;
    display: block;
    filter: blur(1rem);
    scale: 2;
    top:50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
}
header.container-fluid{
  z-index: 1;
  position: relative;
  background-color: rgb(255 255 255 / 50%);
  border-bottom-color: hsl(0deg 0% 0% / 10%) !important;

}
/*========================================================================*/
.form-comment {
  padding: 15px;
  background-color: #f4f4f4;
  border-radius: 11px;
}
.avatar{
  width: 42px;
    background-color: #ffffff;
    padding: 3px;
    border: 1px solid #cbcbcb;
  
}
.comments-body-page .comment-body{
  padding: 0.5rem;
}
.offcanvas-body .comment-body {
  background-color: #ffffff;
  padding: 0.5rem 1rem;
  border-radius: 0;
  border-bottom: solid 1px #eaeaea;
  margin-left: -15px;
  margin-right: -15px;
}
.comments-body-page{

}
.comments-body-page>div{

}
.comment-body .comment{

}
.comments-body-page .comment-body .comment{
  padding: 0.5rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
  height: 100%;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
 }

.detail-photo{
  aspect-ratio: 1/1;
  background-color: #ffffff57;
  position: relative;
  overflow: hidden;
}
.detail-photo> img{
  position: relative;
  z-index: 0;
}
.detail-photo:before, .detail-photo:after {
  content: "";
  display: block;

  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 6;


}
.detail-photo:before{
  top: 0;
  right: 0;
  left: 0;
  transition: all 300ms;
  align-self: 0;
  background: #00000000;
}
.detail-photo:hover:before{
  top: 0;
  right: 0;
  left: 0;
  align-self: 1;
  background: #00000060;
}
.detail-photo::after{
  content: "\f00e";
  left: 50%;
  bottom: -52%;
  transition: all 300ms;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  align-self: 0;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  line-height: 64px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-size: 3rem;
  font-weight: 500;
  color: #dee2e6;
}
.detail-photo:hover::after{
  left: 50%;
  bottom: 33%;
  align-self: 1;
}
.attachment-not{

}

.attachment-not[aria-expanded="false"] .fa-chevron-up{
  display: none;
}
.attachment-not[aria-expanded="false"] .fa-chevron-down{
  display: block;
}
.attachment-not[aria-expanded="true"] .fa-chevron-up{
  display: block;
}
.attachment-not[aria-expanded="true"] .fa-chevron-down{
  display: none;
}


.tab-nav{
  border-bottom: solid 1px var(--bs-gray-400);
}
.tab-nav.nav-underline .nav-link.active,.tab-nav.nav-underline .show>.nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
  border-bottom-width: 5px;
}
.tab-nav.nav-underline{
  --bs-nav-underline-link-active-color: var(--color-brand1-dark);
  overflow-x: auto;
  
}
.tab-nav.nav-underline .nav-link:focus, .tab-nav.nav-underline .nav-link:hover {
  border-bottom-color: currentcolor;
  border-bottom-width: 5px;
}


article.card .play-btn{
  
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: none;
  padding: 0;
  scale: 1;
  transition: all 100ms;
}
article.card .imge-cover .play-btn{
  position: absolute;
  z-index: 2;
  left: 4px;
  bottom: 4px;

}
.imge-cover{
  
}
article.card .play-btn:hover{
  scale: 1.1;
}
article.card .play-btn i{
  color: var(--color-brand1-dark);
}
article.card .play-btn:hover i{color: var(--color-brand1);}

article.card a{
  color: inherit;
}

article.card:hover .card-title{
  color: var(--color-brand1)
}
#loding{
   
   position: fixed;
   z-index: 100;
   left: 0;
   top: -100vh;
   height: 100vh;
   width: 100%;
   background-color: #ffffff98;
   transition: top 80ms;
}
#loding.show{
  top: 0;
}
#loding >div{
  height: 100%;
  position: relative;
}
#loding >div>.spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.initial-content {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* حداکثر تعداد خطوط قابل نمایش */
  height: auto; /* برای کنترل ارتفاع */
}
.text-container-detail .initial-content {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* حداکثر تعداد خطوط قابل نمایش */
  height: auto; /* برای کنترل ارتفاع */
}
.hidden {
  display: none; /* برای پنهان کردن دکمه */
}
.read-more {
  color: blue;
  cursor: pointer;
}
/* برای نمایش متن کامل */
.full-content {
  display: block;
  -webkit-line-clamp: unset; /* برای لغو کنترل خطوط */
}
.text-container-detail .full-content {
  display: block;
  -webkit-line-clamp: unset; /* برای لغو کنترل خطوط */
}
.podcastepisod {
  position: absolute;
  z-index: 2;
  top: 10px;
  color: #fff !important;
  right: 10px;
  background-color: #0000007d;
  padding: 0 15px;
  border-radius: 11px;
  font-weight: 800;
  line-height: normal;
  backdrop-filter: blur(6px);
}

.podcasthome .fa-volume{
   display: none;
}
.podcasthome .fa-circle-play{
  display: block;
}
.podcasthome.pl-current .fa-volume{
  display: block;
}
.podcasthome.pl-current .eq{
  display: flex;
  scale: 1.1;
  margin: 8px;
}
.podcasthome.pl-current .eq .eq-bar{
  background-color: var(--color-brand1);
  border-radius: 8px;
}
.podcasthome .eq{
  display: none;
}
.podcasthome.pl-current .fa-circle-play{
 display: none;
}
.podcasthome.pl-current .card-title{
  color: var(--color-brand1);
}
.position-relative{
 position: relative;
}

.podcasthome .imge-cover{
  width: 100px;
    border-radius: 4px;
    overflow: hidden;
}

@media (min-width: 768px) {

  .podcasthome .imge-cover{
    width: 144px;
      border-radius: 4px;
      overflow: hidden;
  }
  
}
.pre-item .image-cover{
  overflow: hidden;
}
.pre-item .image-cover > i,
.next-item .image-cover > i{
    position: absolute;
    top:50%;
    left: 50%;
    z-index: 2;
    color: #fff;
    font-size: 2rem;
    transition: all 80ms;
}

.next-item:hover .image-cover > i{
  transform: translateX(-50%) translateY(-50%);
}
.pre-item:hover .image-cover > i{
  transform: translateX(-50%) translateY(-50%);
}

.next-item .image-cover > i{

  transform: translateX(400%) translateY(-50%);

}
.pre-item .image-cover > i{

  transform: translateX(400%) translateY(-50%);

}


.next-item .image-cover::before{
  content: "";
}
.next-item:hover .image-cover::before,.pre-item:hover .image-cover::before{
  width: 100%;
  aspect-ratio: 1/1;
  content: "";
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.8;
}

#comments{
  overflow-y: auto;
}
#comments .offcanvas-header{
 background-color: var(--bs-white);
 position: sticky;
 top: 0;
 z-index: 1;
}
.parent-video{
  position: relative;
  width: 100%;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}
.parent-video > video{
  z-index: 1;
  width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
}
.parent-video::before{
  content: "";
  background-color: rgb(0 0 0 / 26%);
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  backdrop-filter: blur(66px);
}
#VideoContent .spinner{
  aspect-ratio: 16 / 9;
    position: relative;
    background-color: #f1f1f1;
}

#VideoContent .spinner .spinner-border {
  width: 2rem;
  height: 2rem;
}
/*---------------videoPlayer-------------------*/
.videoPlayer{
   position: relative;
   overflow: hidden;
}
.videoPlayer .playe-list-group{
  overflow-x: auto;
  padding: 1rem;
  background-color: rgb(0 0 0 / 52%);
  border: 1px solid #ffffff2e;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  z-index: 1;
  right: 0;
  backdrop-filter: blur(11px);
  transition: all 100ms;
}
.videoPlayer .playe-list-group.collapse{
  right: -50%;
}
.videoPlayer .playe-list-group.collapse.show{
  right: 0;
}
.videoPlayer >.show-list{
  position: absolute;
  font-size: 1.2rem;
  line-height: 36px;
  background-color: #000000cf;
  top: 7px;
  right: 7px;
  z-index: 2;
  width: 32px;
  height: 32px;
  aspect-ratio: 1 / 1;
  text-align: center;
  border-radius: 50%;
  color: #ffffffba;
  backdrop-filter: blur(15px);
  cursor: pointer;
}
.videoPlayer >.show-list[aria-expanded=false] > .fa-list-ul{
  
}
.videoPlayer >.show-list[aria-expanded=false] > .fa-xmark{
  display: none;
}
.videoPlayer >.show-list[aria-expanded=true] > .fa-list-ul{
  display: none;
}
.videoPlayer >.show-list[aria-expanded=true] > .fa-xmark{
 
}


.videoPlayer .playe-list-group > .thumbnail {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
.videoPlayer .playe-list-group > .thumbnail> .icon{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
  color: var(--bs-white);
  font-size: 1.5rem;
  opacity: 0;
  transition: opacity 300ms;
}
.videoPlayer .playe-list-group > .thumbnail.playing .icon{opacity: 1;}

.videoPlayer .playe-list-group > .thumbnail:hover .icon{opacity: 1;}
.videoPlayer .playe-list-group > .thumbnail.playing{
  border: solid 3px var(--bs-white);
}
.videoPlayer .playe-list-group > .thumbnail.playing::before{
  content: "";
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  top: 0;
}
.videoPlayer .playe-list-group > .thumbnail:hover::before{
  content: "";
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  top: 0;
}
.videoPlayer .playe-list-group > .thumbnail > img.img-fluid {
  aspect-ratio: 16 / 9;
    width: 100%;
    object-fit: cover;
    background-color: #d3d3d3;

}
.videoPlayer .playe-list-group > .thumbnail.playing {
  
}
@media (min-width:998px) {
  .videoPlayer .playe-list-group{

    width: 28%;

  }
  .videoPlayer >.show-list{
    font-size: 1.7rem;
    line-height: 48px;
    width: 42px;
    height: 42px;
    
  }
}
/*---------------End videoPlayer-------------------*/
/*---------------Start Audio  Player-------------------*/
.show-sidebar #player.show{
  bottom: -96px;
}
#player{
  
position: fixed;
  
bottom: -200%;
  
left: 0;
  
width: 100%;
  
/* background-color: #f1f1f1; */
  
transition: all 600ms;
}
.better-audio .ap.maximize{
  z-index: 1;
}
#player.show{
  bottom: 0;
  z-index: 10;
}

.better-audio *,
.better-audio *:before,
.better-audio *:after {
    box-sizing: border-box;
}

.better-audio {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 3px;
  
}

.better-audio .hide {
    display: none !important;
}

.better-audio button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

.better-audio .material-icons.md-dark,.better-audio .fa-solid.md-dark  {
    color: rgba(0, 0, 0, 0.75);
}

/* Player and control panel */
.better-audio .ap {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
    font-size: 14px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333;
    /* background: #f1f1f1; */
    /*border-top: 1px solid #ccc;*/
    z-index: 9999;
}

.better-audio .ap.minimise .ap-inner.maximize{
  /* bottom: -100vh; */
  /* position: relative; */
  width: 100%;
  background: #ffffff;
  height: 0;
  overflow: hidden;
}
.better-audio .ap.maximize .ap-inner.minimize{
  
/* margin-bottom: -98px; */
  
opacity: 0;
  
height: 0;
}
.better-audio .ap-inner {
 
transition: all 600ms;
 
opacity: 1;
 
background-color: #edece9;
}
.better-audio .ap-inner.maximize{
  height: 100dvb;
  position: relative;
  /* bottom: 0; */
  z-index: 1000;
}
.better-audio .ap-panel {
    
}
.better-audio.ba-medium .ap--settings.left{

}
.better-audio .ap-item.right,.better-audio .ap-item.left{


 }
 #originMax{
  display: block;
    width: 100%;
 }
 a#origin{
  width: 100%;
 }
 a#origin .col{
  position: relative;
 }
 .better-audio .ap.minimise  .ap-inner.minimize #subtitle,
 .better-audio .ap.minimise   .ap-inner.minimize  #title,
 .better-audio .ap.maximize  .ap-inner.minimize #subtitle,
 .better-audio .ap.maximize   .ap-inner.minimize  #title{

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    display: block !important;

    position: absolute;
    left: 0;
    right: 0;

 }
 .better-audio .ap.minimise   .ap-inner.maximize  #subtitle,.better-audio .ap.minimise    .ap-inner.maximize  #title{
 

}
 
 .better-audio  #title{

    top: -20px;
 }
 .better-audio  #subtitle{

  top: 0px;;
 }
 .better-audio .ap.maximize #title{

 }
 .better-audio .ap.maximize #title,
 .better-audio .ap.maximize #subtitle{
   text-align: center;
   display: block;
 }
 @media(min-width: 647px) {
  .better-audio .ap.minimize .ap-item.right,.better-audio .ap.minimize .ap-item.left{
    width:60%;

   }

}
 @media(min-width: 768px) {
  .better-audio .ap.minimise .ap-item.right,.better-audio .ap-item.left{
    width: initial;
   }
 
}
@media(min-width: 992px) {
  .better-audio .ap.minimise .ap-item.right, .better-audio .ap-item.left{
    width: 20%;
   }
   .better-audio .ap-inner.maximize{
    height: 100vh;
  }
  .better-audio .ap.maximize #title,
 .better-audio .ap.maximize #subtitle{
   text-align: right;
   display: block;
 }
}


.better-audio .ap-item {
}
.better-audio .ap.minimise .ap-item .cover-audio{
  width: 80px;
  aspect-ratio: 1 / 1;
  padding: 8px;
}
.better-audio .ap.maximize .ap-item .cover-audio{
  width: 80px;
  aspect-ratio: 1 / 1;
  padding: 0;
}
.better-audio .ap-item .cover-audio>img{
  border-radius: 8px;
}
.better-audio .ap--track {

}

/* Info section */
.better-audio .ap-info {
    width: 100%;
    position: relative;
}

.better-audio .ap-title {
  
}

.better-audio .ap-time {
  
}

.better-audio .ap.minimise .ap-progress-container {
    padding: 0px 0 0px;
    cursor: pointer;
}
.better-audio  .ap.maximize  .ap-progress-container {
  padding: 5px 0 10px;
  cursor: pointer;
}
@media(min-width: 992px) {
  .better-audio  .ap.minimise  .ap-progress-container {
    padding: 5px 0 10px;
    cursor: pointer;
}
}

.better-audio .timer{
  display: block;
  width: 56px;
  text-align: center;
}
.better-audio .ap-progress {
    position: relative;
    height: 3px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .2);
}

.better-audio .ap-preload-bar,
.better-audio .ap-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    border-radius: 5px 0 0 5px;
    background: rgba(0, 0, 0, .3);
    z-index: 999;
}

.better-audio .ap-bar {
    background: #f50;
    z-index: 9999;
}

.better-audio .ap-bar:after {
    position: absolute;
    top: 0;
    right: -5px;
    width: 12px;
    height: 12px;
    margin-top: -4px;
    content: '';
    border-radius: 6px;
    background: #f50;
    opacity: 0;
    transition: opacity .3s ease;
}

.better-audio .ap-progress-container:hover .ap-bar:after {
    opacity: 1;
}

/* Buttons */
.better-audio .ap-controls.ap-toggle-btn{
  width: auto;
    height: auto;
}
.better-audio .ap-controls.ap-toggle-btn .spinner-border,.better-audio .ap-controls.ap-toggle-btn .spinner{
  --bs-spinner-width: 3rem;
  --bs-spinner-height: 3rem;
}
.better-audio .ap-controls.ap-toggle-btn.Loading>.spinner{
  opacity: 1;
}

.better-audio .ap-controls.ap-toggle-btn>.spinner{
  opacity: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(calc(-50% + -1px)) translateY(calc(-50% + -2px));
  transition: all 1000ms;
  background-color: #edece9;
}
.better-audio .ap.maximize .ap-controls.ap-toggle-btn>.spinner{
    scale: 1.19;
    transform: translateX(calc(-50% + 3px)) translateY(calc(-50% + 3px));
    background-color: #edece9;
}
.better-audio .ap.minimise .ap-controls.mobile.ap-toggle-btn>.spinner{
  scale: 0.8;
  transform: translateX(calc(-50% + -6px)) translateY(calc(-50% + -7px));
  background-color: #edece9;
}

.better-audio .ap-controls {
  position: relative;
  z-index: 1;
  display: block;
  height: 38px;
  cursor: pointer;
  transition: background .2s ease;
  text-align: center;
  color: #fff;
  border: 0;
  outline: 0;
  background: none;
  padding: 7px;
  width: 38px;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
}

.better-audio .ap-controls svg {
    fill: #333;
}

.better-audio .ap-controls:hover svg {
    fill: #222;
}

.better-audio .ap-controls:active {
    background: rgba(0, 0, 0, .1);
}

.better-audio .ap--playback > .ap-controls,
.better-audio .ap--settings > .ap-controls {
   
}

.better-audio .ap--pause,
.better-audio .playing > .ap--play {
    display: none;
}

.better-audio .playing > .ap--pause {
    display: inline;
}

.better-audio .ap-volume-container {
    z-index: 9999;
}

.better-audio .ap-volume {
  position: absolute;
  right: 0;
  bottom: 33px;
  overflow: hidden;
  width: 100%;
  height: 0;
  visibility: hidden;
  transition: height .2s cubic-bezier(0.17, 0.72, 0.26, 1.23);
  background: #ddd;
  border: 1px solid #ccc;
  border-bottom: 0;
  z-index: 9999;
  padding: 0 14px;
  border-radius: 8px 8px 0 0;
}

.better-audio .ap-volume-btn {
    display: block;
    text-align: center;
    width: 100%;
}

.better-audio .ap-volume-btn > .ap--volume-off,
.better-audio .muted > .ap--volume-on {
    display: none;
}

.better-audio .muted>.ap--volume-off {
    display: inline;
}

.better-audio .ap-volume-container:hover {
    background: #ddd;
}

.better-audio .ap-volume-container:hover .ap-volume {
    height: 120px;
    visibility: visible;
}

.better-audio .ap-volume-progress {
    display: block;
    width: 4px;
    height: 100px;
    margin: 10px auto;
    background: rgba(0, 0, 0, .2);
    position: relative;
    border-radius: 3px;
}

.better-audio .ap-volume-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f50;
    height: 50%;
    border-radius: 3px;
}

.better-audio .ap-active {
    background: rgba(0, 0, 0, .15);
    opacity: 1;
}

@keyframes better-audio-blink {
    from { opacity: 0; }
    50% { opacity: 1; }
    to { opacity: 0; }
}

.better-audio .playing > .ap--pause {
}

/* --------------------------- */

/* -- mod for 'large' (880 < max) -- */
.better-audio.ba-large {}

/* -- mod for 'medium' (630 < large) -- */
.better-audio.ba-medium {}

/* -- mod for 'small' (320 < medium) -- */
.better-audio.ba-small {}

/* -- mod for 'tiny' (200 < small) -- */
.better-audio.ba-tiny {}

.better-audio.ba-medium .ap--track,
.better-audio.ba-small .ap--track {
    padding: 8px 10px;
    order: 1;
    flex: 1 1 100%;
}


.better-audio .ap.maximize .ap-inner.maximize #title,
.better-audio .ap.maximize .ap-inner.maximize #subtitle{
  text-align: center;
  display: block;
}

.better-audio.ba-small .ap-controls.ap-shuffle-btn,
.better-audio.ba-small .ap-controls.ap-repeat-btn,
.better-audio.ba-small .ap-controls.ap-prev-btn {
    display: none;
}

.better-audio.ba-tiny .ap--track {
    padding: 0 12px;
}

.better-audio.ba-tiny .ap-controls.ap-shuffle-btn,
.better-audio.ba-tiny .ap-controls.ap-repeat-btn {
    display: none;
}
.better-audio .ap.maximize .ap-inner.maximize #maxHeight,.better-audio .ap.minimise .ap-inner.minimize #maxHeight{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
}

.better-audio .ap.maximize .ap-inner.minimize #maxHeight{
display: none;
}
.better-audio .pl-header{
  position: sticky;
  top: 0;
  left: 0;
  background-color: rgb(241 241 241 / 93%);
  backdrop-filter: blur(10px);
  z-index: 100;
  border-bottom: 1px solid rgb(193 193 193 / 42%);
}
@media(max-width: 768px) {
  .better-audio>.ap.minimise .element-progress-bar{
    order: 2
  }
  .better-audio>.ap.minimise .ap--playback{
     position: relative;
  }
  .better-audio>.ap.minimise .ap-volume-container{
    display: none;
  }
  .better-audio>.ap.minimise .ap-playlist-btn{
    display: none;
  }
}
/* -- PlayList -- */
.better-audio .pl-container {
    position: absolute;
    flex: 0 1 auto;
    width: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 14px;
    background: #f1f1f1;
    z-index: 999;
    bottom: 50px;
    left: 0;
    right: 0;
    overflow-y: auto;
    height: 50vh;
}
@media(min-width: 992px) {
  .better-audio .pl-container {
    position: absolute;
    flex: 0 1 auto;
    width: 30%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 14px;
    background: #f1f1f1;
    z-index: 999;
    bottom: 82px;
    left: 7%;
    right: auto;
    overflow-y: auto;
    height: 70vh;
}
}
.better-audio .pl-container.maximize{
  top: 0;
  bottom: 50px;
  height: calc(100% - 86px);
  background-color: rgb(241 241 241 / 79%);
  backdrop-filter: blur(32px);
}
.better-audio a{
  color: var(--color-brand1-dark-2)
}
.better-audio a:hover{
  color: var(--color-brand1-light)
}
.better-audio .pl-lead {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    color: #333;
}

.better-audio .pl-list {
    width: 100%;
    margin: 0;
    padding: 32px 16px;
}

.better-audio .pl-list > li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.better-audio .pl-number,
.better-audio .pl-title,
.better-audio .pl-remove {
    margin: 0 5px;
    padding: 0 0;
}

.better-audio .pl-number {
 
}

.better-audio .pl-playing {
    display: none;
}

.better-audio .pl-current .pl-count {
    display: none;
}

.better-audio .pl-current .pl-playing {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
}

.better-audio .pl-current .pl-title {
    font-weight: 700;
}

.better-audio .pl-title {
  overflow: hidden;
  cursor: pointer;
  text-align: right;
  /* white-space: nowrap; */
  /* text-overflow: ellipsis; */
}
.better-audio .pl-image img {
  width: 40px;
  height: 40px;
  border-radius: 5%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.better-audio .pl-title:hover {
    text-decoration: underline;
}


.better-audio .pl-remove {
    opacity: 0;
    margin-right: 0;
    cursor: pointer;
    text-align: center;
    flex: 0 50px;
}

.better-audio .pl-remove:hover {
    background: #ddd;
}

.better-audio .pl-list > li:hover .pl-remove {
    opacity: 1;
}

.better-audio .pl-list svg {
    fill: rgba(0, 0, 0, .7);
}

.better-audio .pl-empty {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2rem;
    transform: translate(-50%, -50%);
    letter-spacing: 2px;
    color: #ccc;
}

@keyframes better-audio-eq {
    0% { height: 3px; }
    50% { height: 20px; }
    100% { height: 3px; }
}

.eq {
    display: flex;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-end;
    scale: 0.7;
}

.eq-bar {
    width: 4px;
    background: rgba(0, 0, 0, .7);
}

.eq-bar:nth-child(1) {
    animation: better-audio-eq .8s ease-in-out infinite 0s;
}

.eq-bar:nth-child(2) {
    animation: better-audio-eq .8s ease-in-out infinite .2s;
}

.eq-bar:nth-child(3) {
    animation: better-audio-eq .8s ease-in-out infinite .4s;
}

.better-audio .ap-image {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
}

.better-audio .ap-image img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}
/*---------------End Audio  Player-------------------*/
.sortList>i{
  display: none;
}
.sortList[sortlist="1"] > i.fa-arrow-up-short-wide{
  display: block;
}
.sortList[sortlist="0"] > i.fa-arrow-down-wide-short{
  display: block;
}
.filter-bar{
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #ffffffd3;
  backdrop-filter: blur(13px);
  padding: 0 1rem;
  box-shadow: #000 0px 4px 8px -9px;
}
.eq-bar {
  transform: scale(1, -1) translate(0, 0);
}

.eq-bar--1 {
  animation-name: short-eq;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
}

.eq-bar--1 {
  animation-name: short-eq;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
}

.eq-bar--2 {
  animation-name: tall-eq;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-delay: 0.17s;
}

.eq-bar--3 {
  animation-name: short-eq;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-delay: 0.34s;
}

@keyframes short-eq {
  0% {
    height: 8px
  }

  50% {
    height: 4px
  }

  100% {
    height: 8px
  }
}

@keyframes tall-eq {
  0% {
    height: 16px
  }

  50% {
    height: 6px
  }

  100% {
    height: 16px
  }
}
.inline-player:not(.playing)>svg{
  display: none;
}

body{
 transition: padding-bottom 600ms;
}
body.openplayer {
  padding-bottom: 10rem !important;
}

#header .offcanvas.offcanvas-end {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
#header .offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
#header .offcanvas .offcanvas-body .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translatey(-50%);
}
#header .offcanvas .offcanvas-body{
  position: relative;
}
#header .offcanvas.showing,#header .offcanvas.show:not(.hiding) {
  transform: none;
}
#header .offcanvas.showing,#header .offcanvas.hiding,#header  .offcanvas.show {
  visibility: visible;
}
#header .offcanvas-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.inner-card-1{
  height:10px;

}
.inner-card-2{
  height:20px;

}
.inner-card-photo{
  aspect-ratio: 1/1;
}
.inner-car-Circle{
  border-radius: 50%;
  aspect-ratio: 1/1;
 
}
.animate-pulse {
  pointer-events: none;
     background: rgba(130, 130, 130, 0.2);
     background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
     background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
     background-size: 800px 100px;
     animation: wave-squares 2s infinite ease-out;
}
.inner-card-1,.inner-card-2,.inner-card-photo,.inner-car-Circle{

}

@keyframes wave-squares {
  0% {
      background-position: -468px 0;
  }
   100% {
      background-position: 468px 0;
  }
}

.cover-podcast {

}
.cover-podcast#showvideoplayer{
  cursor: pointer;
}
.cover-podcast  .play{
  font-size: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 61px;
  height: 61px;
  text-align: center;
  line-height: 69px;
  border-radius: 50%;
  background-color: rgb(255 255 255 / 62%) !important;
  backdrop-filter: blur(8px);
  color: #052f6e !important;
  translate: all 800ms;
  cursor: pointer;
}

.cover-podcast:hover .play{
  background-color: rgb(255 255 255) !important;
  color: #0d6efd !important;
  scale: 1.2;
  transform: translateX(-43%) translateY(-43%);
  
}



body.Detail-modal-open[data-bs-overflow=hidden] .details-modal .modal-dialog{
  overflow-y: hidden;
}
.openplayer.Detail-modal-open .details-modal.modal {
  z-index: 9;
  transition: padding-bottom 800ms;
}
.openplayer.Detail-modal-open .details-modal.modal #ModalContent{
  padding-bottom: 90px;
}
.details-modal.modal{
   z-index: 10000;
}
.details-modal.modal  .modal-dialog {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0 0 0 0;
  height: 100dvh;
}
.details-modal.modal  .modal-dialog .modal-content{

border-radius: 0;

border: #ffffff;

}
  .details-modal.modal .modal-body{
         padding: 0;
  }
  .details-modal.modal  .modal-dialog .modal-header{
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #ffff;
    height: 58px;
}
@media (min-width: 576px) {
  .details-modal.modal .modal-dialog {
    max-width: 100%;
    margin: 0 0 0 0;
    height: calc(100dvh - 61px);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .details-modal.modal .modal-dialog .modal-content {
    border-radius: 0 0 0 0;
    border: none;

   }
   .details-modal.modal  .modal-dialog .modal-header{
      background-color: var(--bs-white);
      position: sticky;
      top: 0;
      z-index: 2;
      height: auto;
    }
}
.details-modal.modal {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  z-index: 1000;
}
body.Detail-modal-open .modal {
  z-index: 1051;
}
body.Detail-modal-open.modal-open .modal.zoommodal,body.Detail-modal-open.modal-open #dynamicModal.modal {
  z-index: 1052;
}
body.Detail-modal-open.modal-open .modal-backdrop{
  z-index: 1051;
}
.details-modal .modal-dialog {
  background-color: white;
  padding:0;
  border-radius: 0;
  width: 100%;
  max-width: 100%;
  max-height: 100dvh;
  overflow-y: auto;
  transform: translateY(100%); /* شروع مودال از پایین */
  transition: transform 0.3s ease; /* برای انیمیشن */
}

.details-modal.modal.show .modal-dialog {
  transform: translateY(0); /* به بالا حرکت می‌کند */
}

.details-modal.modal .close {
  cursor: pointer;
  font-size: 28px;
  margin-left: -1rem;
  background-color: transparent;
  border: none;
}