﻿.ItemCourseInfo {
  box-shadow: 0 0 1.5rem 0 rgba(187, 153, 205, 10%);
}

.ItemCourseInfo img {
  margin-top: -3rem;
}

.ItemCourseInfo svg {
  max-width: 1.4rem;
  height: auto;
}

.ItemCourseInfo a,
.ItemCourseInfo :link,
.CategoryTutorialSidebar a,
.CategoryTutorialSidebar a:link {
  color: var(--Black) !important;
}

.ItemPriceCourses {
  border-top: 0.1rem solid var(--Gray)
}

.BgPurpleGradient {
  background: hsla(279, 34%, 70%, 1);

  background: radial-gradient(circle, hsla(279, 34%, 70%, 1) 0%, hsla(281, 39%, 34%, 1) 90%);

  background: -moz-radial-gradient(circle, hsla(279, 34%, 70%, 1) 0%, hsla(281, 39%, 34%, 1) 90%);

  background: -webkit-radial-gradient(circle, hsla(279, 34%, 70%, 1) 0%, hsla(281, 39%, 34%, 1) 90%);

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#BB99CD", endColorstr="#643579", GradientType=1);
}

.BgBlueGradient {
  background: hsla(235, 31%, 51%, 1);

  background: radial-gradient(circle, hsla(235, 31%, 51%, 1) 0%, hsla(236, 34%, 25%, 1) 100%);

  background: -moz-radial-gradient(circle, hsla(235, 31%, 51%, 1) 0%, hsla(236, 34%, 25%, 1) 100%);

  background: -webkit-radial-gradient(circle, hsla(235, 31%, 51%, 1) 0%, hsla(236, 34%, 25%, 1) 100%);

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#5A61A9", endColorstr="#2A2D55", GradientType=1);
}

.ItemCategoryCourse::before {
  content: " ";
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--DPurple);
  border-radius: 100%;
  display: flex;
  margin-left: 0.5rem;
}

.ItemCoursePrice {
  border-top: 0.1rem solid var(--Gray);
}

.ItemDownloadCallender svg {
  max-width: 0.8rem !important;
  max-height: 1rem !important;
}

.ProductsList svg {
  /* max-width:1rem !important; */
  /* max-height: 1rem !important; */
}

.ItemNameCourse::after {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border: 0.1rem solid var(--Black);
  content: "";
  transform: rotate(45deg);
  margin: 1rem;
  border-right-color: transparent;
  border-top-color: transparent;
}

.FiltersList .FilterItem {
  border-left: 1px solid #CBCBCB;
  padding: 5px 20px;
  cursor: pointer;
  position: relative;
  flex: 1 0 auto;
}

.FiltersList .FilterItem .FilterLabel {
  text-align: center;
}

.FiltersList .FilterItem:last-of-type {
  border-left: none
}

.FiltersList .FilterItem .FilterItemList {
  max-height: 0px;
  position: absolute;
  top: 3.6em;
  width: 100%;
  right: 0;
  background: #fff;
  z-index: 2;
  box-shadow: 0 2px 5px #eaeaea;
  overflow: hidden;
  transition: all ease-in-out 0.3s;
  min-height: 0;
}

.FiltersList .FilterItem .FilterItemList .inner {
  padding: 10px
}

.FiltersList .FilterItem .FilterItemList.active .inner {
  border-top: 3px solid #333333;
}

.FiltersList .FilterItem .FilterItemList.active {
  max-height: 500px;
  min-height: 20px;
  overflow-y: auto;
}

.FiltersList .FilterItem .FilterItemList li,
.FiltersList .FilterItem .FilterItemList ul {
  list-style: none;
  margin: 0px !important;
}

.FiltersList .FilterItem .FilterItemList button {
  background: var(--accent-color);
  width: 100%;
  box-shadow: unset;
  outline: 0;
  border: 0;
  min-height: 30px;
  color: #fff;
  margin: 5px 0;
  cursor: pointer;
}

.departments-item {
  transition: 300ms ease-in-out all !important;
}

.departments-item:hover {
  box-shadow: 0 0 .7rem var(--Gray);
  scale: 103%;
}

.depexpertUrl {
  width: 100px;
  height: 100px;
  object-fit: none;
  object-position: center center;
}
.page-title {
	position: relative;
	z-index: 1;
	overflow:hidden;
}

.page-title>.container {
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	align-items: flex-end;
	padding-bottom: 2rem;
	text-align: right;
	padding-right:4rem;
}
.page-title>.container:before{
    content: "";
    position: absolute;
    background-color: #61006880;
    width: 5rem;
    height: 5rem;
    bottom: 0;
    right: 22%;
    box-shadow: 0rem 2rem 5rem 9rem #61006880;
    border-radius: 50%;
}
.page-title.light .main-title {
	color: #ffffff;
}
.page-title.large .main-title {
	font-size: 2rem;
}
.page-title .title-area {
	position: relative;
}