/* width */


body .customSelectOptionItem {
  border-radius: 15px;
  background: var(--bg-light-grey);
  direction: rtl;
  min-width: 190px;
}
body .heroSection {
  /*padding: 24px;*/
  background-color: #EBF5FF;
}
body .heroSection .heroContent .heroDetails .heroTitle {
  font-size: 56px !important;
  line-height: normal;
}
body .heroSection .heroContent .heroDetails .heroSubTitile {
    font-size: 20px;
    line-height: normal;
}
body .heroSection .heroContent .heroDetails .heroMoreBtn {
  background: var(--mainColor);
}
body .experiancesContainer .topExperiencesTab .add-new-experiance-btn {
  border: 1px solid var(--mainColor);
}
body .experiancesContainer .experiencesFilterContainer .filterBtn {
  border-radius: 15px;
  min-width: 190px;
  background: var(--mainColor);
}



body .experiancesContainer .mapAndItemsContainer #iran-svg path {
  fill: rgba(23, 25, 24, 0.3);
}
body .experiancesContainer .mapAndItemsContainer #iran-svg path:focus {
    outline: none;
    box-shadow: none;
}
body .experiancesContainer .mapAndItemsContainer #iran-svg path:hover {
    fill: #1dd351;
}
body .experiancesContainer .mapAndItemsContainer #iran-svg .selectedPath {
    fill: #171918 !important;
}
body .experiancesContainer .mapAndItemsContainer .dataContainer {
  height: 510px;
  overflow-y: auto;
}

.experianceElement2 {
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.15));
}
body .experiancesContainer .mapAndItemsContainer .dataContainer .experianceElement {
  width: 46%;
  filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.15));
}
body .experiancesContainer .mapAndItemsContainer .dataContainer .experianceElement .titleContainer p:nth-child(1) {
  font-size: 16px;
    font-weight: 600;
    color: var(--text-dec-color-black);
}
body .experiancesContainer .mapAndItemsContainer .dataContainer .experianceElement .titleContainer p:nth-child(2) {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-dec-color-darker);
}
body .experiancesContainer .mapAndItemsContainer .dataContainer .experianceElement .divider {
  opacity: 0.1;
  background: #000;
  height: 1px;
}

body .internetTvContainer .my_videoPlayer video {
  width: 100%;
  height: 400px;
  border-radius: 16px;
}
body .internetTvContainer .videoAndDataContainer #internetTvDataContainer {
  max-height: 400px;
  overflow-y: auto;
}
body .internetTvContainer .videoAndDataContainer #internetTvDataContainer > div {
  background-color: rgb(190 221 255);
}

body .podcastSection .podcastPlayerAndPodcastDataShower .dataShowerAndSelector {
  height: 400px;
  overflow-y: auto;
}
body .libraryContainer {
  position: relative;
}
body .libraryContainer .slidesContainer .swiper {
  width: 100% !important;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
body .libraryContainer .slidesContainer .swiper-slide {
  box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.15);
  padding: 1rem;
}
body .libraryContainer .slidesContainer .swiper-slide img {
  width: 100% !important;
}
#swiperContainerOfLibrary{
    padding: 30px !important;
}
body .libraryContainer .swiper-pagination {
  position: relative;
  bottom: 3rem !important;
  position: absolute;
  z-index: 999 !important;
}
body .libraryContainer .swiper-pagination span {
  width: 16px !important;
  height: 16px !important;
}
body .libraryContainer .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #171918 !important;
}
#my-podcastAudioEl{
    margin: 0 auto;
}
@media screen and (min-width: 1px) and (max-width: 1280px) {
  .experiencesFilterContainer {
    flex-direction: column-reverse !important;
    width: 100% !important;
  }
  .experiencesFilterContainer div {
    width: 100% !important;
  }
  .experiencesFilterContainer div select {
    width: 100% !important;
    margin: unset !important;
    margin-top: 4px !important;
  }
  .experiencesFilterContainer #experianceFilterBtn {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 8px;
  }
  .dataContainer {
    height: -moz-max-content !important;
    height: max-content !important;
    padding: 8px;
  }
  @media screen and (max-width: 767px){
      .dataContainer {
          height: 400px !important;
          height: 400px !important;
          padding: 8px;
          gap: 1.5rem;
      }
  }

  .dataContainer .experianceElement {
    width: 45% !important;
  }
  .dataContainer .experianceElement img {
    width: 100% !important;
  }
}
@media screen and (min-width: 1px) and (max-width: 768px) {
  .dataContainer .experianceElement {
    width: 100% !important;
  }
}/*# sourceMappingURL=index.css.map */
.topExperiencesTab .icon-Align-Left-dark,.topInternetTvContainerItemsConetiner .icon-Display,.topItemsInLibrarryConatainer .icon-book,.topItemsInPodcastConatainer .icon-Headphone,.topItemsInExperancesContainer .icon-Chart{
    background-color: var(--bg-light-grey);
    padding:13px;
    border-radius: 15px;
    margin-left: 16px;
}
.topExperiencesTab a{
    display: flex;
    align-items: center;
}
@media screen and  (max-width: 560px) {
    body .heroSection .heroContent .heroDetails .heroTitle {
        font-size: 28px !important;
        line-height: normal;
    }
    body .heroSection .heroContent .heroDetails .heroSubTitile {
        font-size: 22px;
        line-height: normal;
    }
}



/*pooriya*/

.cscroll::-webkit-scrollbar {
    width: 4px;
}
.cscroll::-webkit-scrollbar-track {
    background: #eeeeee;
    border-radius: 3px;
}

.cscroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #bbbbbb;
}
.pagination_active{
    background: #85f59e;
    border-radius: 5px;
}