.main {
  direction: rtl;
  color: #fff !important;
}
.cover {
  display: flex;
  align-items: center;
  position:relative;
}

.left-cover {
  display: inline-block;
  position: absolute;
  width: 100%;
  height:100%;top:0;left:0;
  overflow:hidden
}
.left-cover img{width:100%;float:right;position:absolute;top:0;left:0;height:100%;object-fit:cover}

.right-cover {
  width: 50%;
  padding: 150px 50px 200px;
  margin-top:80px;
  z-index:2;
  position: relative;
}

.cover-bg-1 {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(16, 16, 20, 1) 89%
  );
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: -1px;
  z-index: 1;

}
.cover-bg-1-back {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(16, 16, 20, 1) 89%
  );
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: -1px;
  z-index: 1;

}

.cover-bg-2 {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(16, 16, 20, 1) 89%
  );
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 60%;
  /* z-index: 1; */

}

.cover-fa-title {
  font-size: 40px;
  line-height: 1.3;
}
.cover-en-title {
  font-size: 20px;
  color: rgb(138, 141, 143) !important;
  margin-bottom: 20px;
}

.cover-description {
  text-align: justify;
  color: #fffffff1;
  margin-top: 16px;
}

.cover-actors-item {
  color: #fff;
}

.cover-actors-item span {
  color: #cbcfd3;
}

.collection-slider {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* margin: -120px 80px 30px; */
	position: relative;
	z-index: 3;
}

.collection-slider .content-thumb a {
    background: #10101400;
    width: 200px;
    margin: 0 8px 20px;
    overflow: hidden;
}




@media (min-width: 900px) {

.cover-bg-2{display:none}

.cover-bg-1-back {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(16, 16, 20, 1) 95%
  );
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: -1px;
  z-index: 1;

}

}


@media (max-width: 834px) {
    .cover {
        flex-direction: column-reverse;
    }
    .right-cover {
        width: 100%;
        margin-top: 100px;
    }
    .left-cover {
        width: 100%;
    }

    .collection-slider .content-thumb a {
        width: 180px;
    }
	.cover-bg-1{display:none}
    .cover-bg-2{height:100%}
	.left-cover img{opacity:.25}
	.right-cover{margin-top:80px}
	.cover-en-title{margin-bottom:0}
	.cover-description{margin-top:10px}
	.cover-en-title,.cover-fa-title{text-align:center}
}

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'نمایش بیشتر';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'نمایش کمتر';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border-radius: .25em;
}

@media(max-width: 600px) {
    .collection-slider .content-thumb a {
        width: 100%;margin:0 !important
    }
    .right-cover {
        padding: 20px;
    }

    .cover-fa-title {
        font-size: 20px;
    }
    .collection-slider {
        margin: 5px 10px 20px;
    }
	
	.collection-slider>.content-thumb{width: calc(33.33% - 20px);float: right;margin:10px;text-align:center}
	.collection-slider>.content-thumb p.small-11{display:none}
	.collection-slider>.content-thumb p.small-13{font-size:12px !important}
}



body.loading-ent .collection-slider {
    filter: blur(0px);
    opacity: 0.6;
}

.pgxsg {
    width: 100%;
    text-align: center;
}

.pgxsg a {
    cursor: pointer;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 10px 25px;
    margin: 20px 0 40px;
    border-radius: 10px;
}

.pgxsg a:hover {
    color: orange;
    border-color: orange;
}

.pgxsg i {
    float: left;
    margin: 6px 10px 0 0;
}


.content-thumb img.lazyload {
    background: url('img/default-image.jpg') no-repeat center center;
    background-size: cover;
}


@property --border-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0turn;
}

.animated-border {
	padding: 1px;
	background: conic-gradient(from var(--border-angle), transparent 25%, #ff8f00, #ffa700 99%, transparent) !important;
	box-sizing: border-box;
	animation: bg-spin 3s linear infinite !important;
}

.animated-border::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 5px;
  background: white; /* رنگ پشت تصویر اگر بخوای */
  -webkit-mask:
    radial-gradient(farthest-side, transparent calc(100% - 5px), black calc(100% - 4px));
  mask:
    radial-gradient(farthest-side, transparent calc(100% - 5px), black calc(100% - 4px));
  pointer-events: none;
}

@keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}