/**************************/
/*RESET*/
/**************************/
*:where(
    :not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)
  ) {
  all: unset;
  display: revert;
}

input,
button,
textarea,
select {
  font: inherit;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
button {
  cursor: revert;
}
ol,
ul,
menu {
  list-style: none;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
  width: 100%;
}

input,
textarea {
  -webkit-user-select: auto;
}
textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
}

::-webkit-input-placeholder {
  color: unset;
}

::-moz-placeholder {
  color: unset;
}

:-ms-input-placeholder {
  color: unset;
}

::-ms-input-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable="true"]) {
  -webkit-user-drag: element;
}
:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit;
}
/**************************/
/*ROOT*/
/**************************/
:root {
  --c-primary: rgba(116, 32, 241, 1);
  --c-primary-rgb: 116, 32, 241;

  --c-secondary: #06c4c9;
  --c-secondary-rgb: 6, 196, 201;

  --c-black: #000000;
  --c-black-rgb: 0, 0, 0;

  --c-neutral-000: #fff;
  --c-neutral-100: #f5f5f5;
  --c-neutral-200: #ededed;
  /* add more if needed */
  --c-neutral-400: #858585;
  --c-neutral-500: #7d7d7d;
  --c-neutral-600: #4a4a4a;
  --c-neutral-700: #444444;
  --c-neutral-800: #212121;
  --c-neutral-900: #15171a;

  --width-container: 132rem;
  --gutter-x: 1.5rem;

  --danger: #ff0066;
  --bg-danger: #faf2f2;

  --success: #45bf55;
  --bg-success: #ecf9ee;

  --info: #0288d1;
  --bg-info: #e6f1fc;

  --ff-main: IranYekan;

  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 12px;
  --fs-14: 12px;
  --fs-14-min: 12px;
  --fs-15: 13px;
  --fs-16: 14px;
  --fs-16-min: 14px;
  --fs-18: 15px;
  --fs-20: 16px;
  --fs-22: 17px;
  --fs-24: 18px;
  --fs-26: 20px;

  --fw-bold: bold;

  --heading_h1_fontsize: 2.8rem;
  --plyr-color-main: var(--c-primary);
  --plyr-control-radius: 1rem;
  --plyr-video-background:var(--c-neutral-900)
}

/**************************/
/*Fonts*/
/**************************/
@font-face {
  font-style: normal;
  font-display: swap;
  font-family: IranYekan;
  src: url("../fonts/iranyekan.eot");
  src: url("../fonts/iranyekan.eot?#iefix") format("embedded-opentype"),
    url("../fonts/iranyekan.woff2") format("woff2"),
    url("../fonts/iranyekan.woff") format("woff"),
    url("../fonts/iranyekan.ttf") format("truetype");
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.ttf") format("truetype"),
    url("../fonts/icomoon.woff") format("woff"),
    url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon-menu2:before {
  content: "\e930";
}
.icon-comment:before {
  content: "\e932";
}
.icon-profile:before {
  content: "\e933";
}
.icon-note:before {
  content: "\e934";
}
.icon-cart:before {
  content: "\e935";
}
.icon-question:before {
  content: "\e936";
}
.icon-education:before {
  content: "\e937";
}
.icon-rewind:before {
  content: "\e929";
}
.icon-dialog:before {
  content: "\e92a";
}
.icon-medal2:before {
  content: "\e92b";
}
.icon-medal1:before {
  content: "\e92c";
}
.icon-confetti:before {
  content: "\e92d";
}
.icon-crown:before {
  content: "\e92e";
}
.icon-arrow-right3:before {
  content: "\e92f";
}
.icon-words:before {
  content: "\e901";
}
.icon-arrow-down2:before {
  content: "\e903";
}
.icon-arrow-up2:before {
  content: "\e905";
}
.icon-arrow-right2:before {
  content: "\e906";
}
.icon-arrow-left2:before {
  content: "\e907";
}
.icon-arrow-left:before {
  content: "\e908";
}
.icon-arrow-down:before {
  content: "\e909";
}
.icon-arrow-right:before {
  content: "\e90a";
}
.icon-arrow-up:before {
  content: "\e90b";
}
.icon-user2:before {
  content: "\e90d";
}
.icon-email:before {
  content: "\e90e";
}
.icon-location:before {
  content: "\e90f";
}
.icon-calling:before {
  content: "\e910";
}
.icon-user:before {
  content: "\e911";
}
.icon-instagram:before {
  content: "\e912";
}
.icon-linkedin:before {
  content: "\e913";
}
.icon-play:before {
  content: "\e914";
}
.icon-student:before {
  content: "\e915";
}
.icon-time:before {
  content: "\e916";
}
.icon-menu:before {
  content: "\e917";
}
.icon-phone:before {
  content: "\e918";
}
.icon-book:before {
  content: "\e919";
}
.icon-video:before {
  content: "\e91b";
}
.icon-voice:before {
  content: "\e91c";
}
.icon-test:before {
  content: "\e91d";
}
.icon-headphone:before {
  content: "\e91e";
}
.icon-instagram2:before {
  content: "\e91f";
}
.icon-topic:before {
  content: "\e920";
}
.icon-users:before {
  content: "\e921";
}
.icon-video2:before {
  content: "\e922";
}
.icon-aparat:before {
  content: "\e923";
}
.icon-telegram:before {
  content: "\e924";
}
.icon-replay:before {
  content: "\e900";
}
.icon-quot:before {
  content: "\e902";
}
.icon-zoom:before {
  content: "\e904";
}
.icon-arrow-left1:before {
  content: "\e928";
}
.icon-arrow-right1:before {
  content: "\e927";
}
.icon-arrow-up1:before {
  content: "\e926";
}
.icon-arrow-down1:before {
  content: "\e925";
}
.icon-close-circle:before {
  content: "\e90c";
}
.icon-close:before {
  content: "\e91a";
}
.icon-logout:before {
  content: "\e931";
}

/**************************/
/*Icons*/
/**************************/

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**************************/
/*Config*/
/**************************/
.container {
  max-width: var(--width-container);
  margin-inline: auto;
  padding-inline: var(--gutter-x);
}
* {
  -webkit-tap-highlight-color: transparent;
}
::-moz-selection {
  /* Code for Firefox */
  color: var(--c-neutral-800);
  background: #cadefe;
}

::selection {
  color: var(--c-neutral-800);
  background: #cadefe;
}
*:focus-visible {
  outline: none;
  /* outline: 2px dotted var(--c-primary); */
  outline-offset: 4px;
  /* box-shadow: 0 0 0 0.8rem rgba(230, 125, 34, 0.5); */
}
[role="button"] {
  cursor: pointer;
}
body {
  position: relative;
  direction: rtl;
  font-family: var(--ff-main), Arial;
  font-size: var(--fs-16);
  color: var(--c-neutral-600);
  line-height: 2;
  background: var(--c-neutral-000);
  min-height: 100vh;
}

html {
  font-size: 50%;
  scroll-behavior: smooth;
  scroll-padding-top: 0;
}
html.change-scroll {
  scroll-padding-top: 7rem;
}
i,
svg {
  vertical-align: middle;
  display: inline-block;
}

input {
  font-family: var(--ff-main), Arial;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}
video {
  width: 100%;
  display: block;
  /* border-radius: 16px; */
}

a {
  transition: 0.3s;
  color: currentColor;
  text-decoration: none;
}

a:is(:hover, :focus-visible) {
  text-decoration: none;
  color: var(--c-primary);
}

#mask {
  position: fixed;
  z-index: 15;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
/**************************/
/* font sizes */
/**************************/
.fs-24 {
  font-size: var(--fs-24);
}
.fs-18 {
  font-size: var(--fs-18);
}
/**************************/
/* reuse*/
/**************************/
.h-overflow {
  overflow: hidden;
}
.title--between {
  display: flex;
  justify-content: space-between;
  gap: min(2rem, 3vw);
  flex-wrap: wrap;
  align-items: end;
}
.btns--box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 1.8rem;
  column-gap: 1.8rem;
  row-gap: 1rem;
}
.justify-center {
  justify-content: center;
}
.text-center {
  text-align: center;
}
.section-bg-100 {
  box-shadow: 0 0 0 100vmax var(--c-neutral-100);
  -webkit-clip-path: inset(0 -100vmax 0 -100vmax);
  clip-path: inset(0 -100vmax 0 -100vmax);
  background: var(--c-neutral-100);
}
/**************************/
/* clrs*/
/**************************/
.clr-primary {
  color: var(--c-primary);
}
.clr-700 {
  color: var(--c-neutral-700);
}
/**************************/
/* margins */
/**************************/
.mb-1 {
  margin-bottom: 1rem;
}
.mb-2 {
  margin-bottom: 2rem;
}
.mt-3 {
  margin-top: 3rem;
}
.mt-5 {
  margin-top: 5rem;
}
/**************************/
/*accordion*/
/**************************/
.accordion-content {
  display: none;
}
.accordion-content.show {
  display: block;
}
/**************************/
/* btn */
/**************************/
.btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 4.2rem;
  min-width: 14rem;
  display: inline-flex;
  gap: 1.2rem;
  line-height: 1.8;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  z-index: 1;
  padding: 0.9rem 1.2rem;
  position: relative;
  transition: 0.3s;
  white-space: nowrap;
  border-radius: 20px;
  cursor: pointer;
  font-size: var(--fs-14);
}
.btn-primary {
  background: var(--c-primary);
  /* border: 1px solid transparent; */
  color: var(--c-neutral-000);
}
.btn-primary:is(:hover, :focus-visible) {
  background: var(--c-secondary);
  color: var(--c-neutral-000);
}
.btn-lineardark-primary {
  background: linear-gradient(90deg, #602ee1 0%, #3f1e94 100%);
  color: var(--c-neutral-000);
}
.btn-lineardark-primary:is(:hover, :focus-visible) {
  -webkit-filter: brightness(1.5) contrast(1.5);
  filter: brightness(1.5) contrast(1.5);
  color: var(--c-neutral-000);
}
.btn-light-primary {
  background: rgba(var(--c-primary-rgb), 0.1);
  border: 1px solid var(--c-primary);
  color: var(--c-primary);
}
.btn-light-primary:is(:hover, :focus-visible) {
  background: rgba(var(--c-secondary-rgb), 0.1);
  border-color: var(--c-secondary);
  color: var(--c-secondary);
}
.btn i {
  font-size: 2.4rem;
  position: relative;
  margin-right: auto;
}
/**************************/
/* spaceing */
/**************************/

.space-xs {
  padding-block: 2rem;
}
.space-sm {
  padding-block: min(3.5rem, 6vw);
}
.space-md {
  padding-block: min(4.5rem, 7vw);
}
.space-lg {
  padding-block: min(5.5rem, 8vw);
}
.space-xl {
  padding-block: min(6.5rem, 9vw);
}
.space-xxl {
  padding-block: min(7.5rem, 10vw);
}
/* padding top */
.pt-xs {
  padding-top: 2rem;
}
.pt-sm {
  padding-top: min(3.5rem, 6vw);
}
.pt-md {
  padding-top: min(4.5rem, 7vw);
}
.pt-lg {
  padding-top: min(5.5rem, 8vw);
}
.pt-xl {
  padding-top: min(6.5rem, 9vw);
}
.pt-xxl {
  padding-top: min(7.5rem, 10vw);
}
/* padding bottom */
.pb-xs {
  padding-bottom: 2rem;
}
.pb-sm {
  padding-bottom: min(3.5rem, 6vw);
}
.pb-md {
  padding-bottom: min(4.5rem, 7vw);
}
.pb-lg {
  padding-bottom: min(5.5rem, 8vw);
}
.pb-xl {
  padding-bottom: min(6.5rem, 9vw);
}
.pb-xxl {
  padding-bottom: min(7.5rem, 10vw);
}

/**************************/
/*Scrollbar config */
/**************************/
::-webkit-scrollbar {
  width: 8px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: rgba(var(--c-primary-rgb), 0.1);
  box-shadow: none;
  border-radius: 100vw;

  /* border: 2px solid ; */
}

::-webkit-scrollbar-thumb {
  background: var(--c-primary);
  border-radius: 100vw;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #fff;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--c-secondary);
}
/* Hide scrollbar for Chrome, Safari and Opera */

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */

.hide-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.line-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.toggle-cart__btn {
  border-radius: 32px;
  background: linear-gradient(90deg, #602ee1 0%, #3f1e94 100%);
  display: flex;
  align-items: center;
  padding: 4px 16px 4px 4px;
  color: var(--c-neutral-000);
  gap: 5px;
  font-size: 14px;
  position: fixed;
  bottom: 2rem;
  right: 3rem;
  z-index: 15;
  min-width: 15rem;
  transition: 0.3s;
}
.mobile .plyr--pip-supported [data-plyr="pip"],
.mobile .plyr__controls__item.plyr__volume {
  display: none;
}
.toggle-cart__btn:hover {
  -webkit-filter: contrast(1.2);
  filter: contrast(1.2);
}
.toggle-cart__btn i {
  font-size: 18px;
}
.toggle-cart__btn b {
  margin-right: auto;
  width: 32px;
  height: 32px;
  border-radius: 100vw;
  background: var(--c-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
/**************************/
/* BELOW 576px */
/**************************/
@media (min-width: 36em) {
}
/**************************/
/* BELOW 360px */
/**************************/
@media (min-width: 22.5em) {
  :root {
    --fs-10: 10px;
    --fs-11: 11px;
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-14: 13px;
    --fs-14-min: 13px;
    --fs-15: 14px;
    --fs-16: 15px;
    --fs-16-min: 14px;
    --fs-18: 16px;
    --fs-20: 18px;
    --fs-22: 20px;
    --fs-24: 22px;
    --fs-26: 23px;
  }
  html {
    font-size: 51.5%;
  }
}
/**************************/
/* ABOVE 768px */
/**************************/
@media (min-width: 48em) {
  html {
    font-size: 56.5%;
  }
}
/**************************/
/* ABOVE 1024px */
/**************************/
@media (min-width: 64em) {
  html {
    font-size: 59.5%;
  }
  :root {
    --fs-10: 10px;
    --fs-11: 11px;
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-14: 14px;
    --fs-14-min: 14px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-16-min: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-26: 26px;
  }
}
/**************************/
/* ABOVE 1200px */
/**************************/
@media (min-width: 75em) {
  html {
    font-size: 62.5%;
  }
}

/**************************/
/* BELOW 1200px */
/**************************/
@media (max-width: 74.99em) {
}
/**************************/
/* BELOW 992px */
/**************************/
@media (max-width: 61.99em) {
}
/**************************/
/* BELOW 768px */
/**************************/
@media (max-width: 47.99em) {
}
/**************************/
/* BELOW 576px */
/**************************/
@media (max-width: 35.99em) {
  .toggle-cart__btn {
    display: none;
  }
}
.d-block {
  display: block;
}
/* .topics-wrapper section {
  contain-intrinsic-size: 10px 500px;
  content-visibility: auto;
} */
/* .topics-wrapper{
    contain-intrinsic-size: 100vw 10000px;
  content-visibility: auto;
} 
.section-js,
.topics-sections {
  contain: layout;
} 
*/
/* .topics-wrapper section {
  contain-intrinsic-size: 1px 1000px;
  content-visibility: auto; 
  contain: content;
} */