@font-face {
  font-family: "Yekan Bakh";
  src: url("../fonts/41e49eab42867016423011dccc96c22a.eot"); /* IE9*/
  src: url("../fonts/41e49eab42867016423011dccc96c22a.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/41e49eab42867016423011dccc96c22a.woff2")
      format("woff2"),
    /* chrome firefox */ url("../fonts/41e49eab42867016423011dccc96c22a.woff")
      format("woff"),
    /* chrome firefox */ url("../fonts/41e49eab42867016423011dccc96c22a.ttf")
      format("truetype"),
    /* chrome firefox opera Safari, Android, iOS 4.2+*/
      url("../fonts/41e49eab42867016423011dccc96c22a.svg#Yekan Bakh")
      format("svg"); /* iOS 4.1- */
}

* {
  font-family: "Yekan Bakh";
}

/* p,
div,
label,
table,
ul,
li,
a,
h1,
h2,
h3,
h4,
h5,
h6,
span,
em,
del,
button {
  font-family: vazir FD !important;
} */

.flickity-button {
  display: none !important;
}
.dot {
  background-color: #e72626 !important;
}
.bg-original {
  background-color: #191931 !important;
  /* background-color:rgba(104,112,137,1) */
}
.bg-original_light {
  background-color: #f9f9f8 !important;
}
.bg-cat {
  background-color: #24243c !important;
}
.bg-cat_light {
  background-color: #f4f6f8 !important;
}
.bg-cat-icon {
  background-color: rgb(56, 57, 78) !important;
}
.bg-cat-icon_light {
  background-color: #e0e2ef !important;
}
.bg-custom-red {
  background-color: rgba(239, 64, 86, 1) !important;
}

.cat-color {
  color: #ababab !important;
}
.cat-color_light {
  color: #1a444c !important;
}
.mt--2 {
  margin-top: -1.25em;
}

/* menu bottom */
.hover\:w-full:hover {
  width: 100%;
}
.group:hover .group-hover\:w-full {
  width: 100%;
}
.group:hover .group-hover\:inline-block {
  display: inline-block;
}
.group:hover .group-hover\:flex-grow {
  flex-grow: 1;
}
/* end bottom, menu */

.bg-checkbox-light-adjust {
    background-color: #38394e !important;
}

.bg-checkbox-light-adjust:checked {
    background-color: transparent !important;
}

.bg-checkbox-adjust {
    background-color: #fff !important;
}

.checkbox-item:checked {
    background-color: transparent !important;
}

.button-focus-adjust:focus {
    border: none;
    outline: 0 !important;
}

.button-focus-adjust {
    border: none;
    outline: 0 !important;
}

.btn-error:disabled {
  color: white !important;
  background-color: #e72626 !important;
  opacity: 50% !important;
}
.btn-info:disabled {
  color: white !important;
  background-color: skyblue !important;
  opacity: 50% !important;
}

/* collapse arrow css */
.collapse-arrow .collapse-title:after {
  top: 2.5rem;
  left: 1.4rem !important;
  right: auto !important;
}

.collapse-open .collapse-title,
.collapse:focus:not(.collapse-close) .collapse-title,
.collapse:not(.collapse-close)
  input[type="checkbox"]:checked
  ~ .collapse-title {
  background-color: transparent !important;
  outline: 2px solid transparent;
}

.collapse:not(.collapse-close) input[type="checkbox"]:focus ~ .collapse-title {
  background-color: transparent !important;
}

.collapse-open .collapse-content,
.collapse:focus:not(.collapse-close) .collapse-content,
.collapse:not(.collapse-close)
  input[type="checkbox"]:checked
  ~ .collapse-content {
  background-color: transparent !important;
  transition: padding 0.2s ease-in-out !important;
}

.carousel-cell {
    width: 100%;
    height: 200px;
    margin-right: 10px;
    counter-increment: gallery-cell;
}

.carousel-cell_courses {
    width: 33%;
    height: 160px;
    margin-right: 10px;
}
.carousel-cell_courses.size-180 { width: 180px; }
.carousel-cell_courses.size-large { width: 75%; }


/* big buttons, no circle */
.flickity-prev-next-button {
    width: 100px;
    height: 100px;
    background: transparent;
}
/* arrow color */
.flickity-prev-next-button .arrow {
    fill: white;
}
.flickity-prev-next-button.no-svg {
    color: white;
}
.flickity-prev-next-button:hover {
    background: transparent;
}
/* hide disabled button */
.flickity-prev-next-button:disabled {
    display: none;
}

.cover{
    position: fixed;
    left: 0;
    height: 500px;
    right: 0;
    bottom: 0;
    top: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
    -webkit-filter: blur(19px);
    filter: blur(19px);
    /* -webkit-transform: scale(1.1); */
    -ms-transform: scale(1.1);
    /* transform: scale(1.1); */
}

.photo{
    margin-bottom: 3em;
    position: inherit;
    width: 300px;
    height: 300px;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 9em;
    border-radius: 1em;
    box-shadow: 7px 15px 20px 0px #8888885c;
}

.photo_payment{
    margin-bottom: 3em;
    position: inherit;
    width: 150px;
    height: 150px;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 9em;
    border-radius: 1em;
    box-shadow: 7px 15px 20px 0px #8888885c;
}

.play{
    display: flex;
    font-size: 4em;
    position: absolute;
    margin-top: -3.7em;
    margin-right: 40%;
    /* margin-left: 50%; */
    left: 0;
    right: 0;
    color: #ff5724bd;
    padding: 5px;
}

.box{
    min-height: 100%;
    /*z-index: 100;*/
    position: absolute;
    margin-top: -2em;
    width: 100%;
    display: block;
    -webkit-border-radius: 30px 30px 0 0;
    border-radius: 15px 15px 0 0;
    scroll-behavior: smooth;
    -webkit-transition: top .25s ease;
    -o-transition: top ease .25s;
    transition: top .25s ease;
}

.chbox{
    transform: scale(1.5);
    margin-top: -5px;
    accent-color: #ff5724;
}