/* slider css */
#slider{
  height: 600px;
}
.slider-card-header h1{
  color: #FF640A;
}
.slider-video-wrap{
  height: 455px;
}
.slider-video-wrap img{
  height: 100%;
  width: 100%;
  margin-top: 15px;
  border-radius: 5px;
  object-fit: cover;
}
.slider-card {
  position: absolute;
  top: 0;
  left: 0; 
  padding: 10px;
  background: #1C1C1C;
  width: 95%;
  height: 530px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: center;
  transform-origin: center;
  /* -webkit-transition: 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);
  transition: 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);  */
  transition: 0.5s ease-in-out;
  cursor: pointer;
  box-shadow: 0px 6px 25.4px 11px #000000A1;

}
.slider-card {
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.slider-card.rotate-out {
  transform: rotateY(90deg);
  opacity: 0;
}

.slider-card.rotate-in {
  transform: rotateY(0deg);
  opacity: 1;
}
.slider-card:nth-child(1) {
  z-index: 10;
  top: 40px;
  opacity: 1;
  border: 1px solid #FF640A;
}

.slider-card:nth-child(2) {
  z-index: 9;
  top: 62px;
  left: unset;
  right: 30px;

}

.slider-card:nth-child(3) {
  z-index: 8;
  top: unset;
  left: unset;
  bottom: -15px;
  right: 0;
}
  /* .slider-card .theme-btn {
    background: var(--white);
  } */

/* .slider-card:last-child { opacity: 0; } */
.slider-cancel-btn {
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.slider-card:nth-child(1) .slider-cancel-btn {
  background:var(--orange);
}
.slider-card:nth-child(1) .slider-cancel-btn i{
  color: var(--white);
}
.slider-cancel-btn i{
  font-size: 25px;
  color: var(--orange);
}
/* offer banner */
.banner-line-one{
  background: var(--orange);
  height: 120%;
  position: absolute;
  width: 30px;
  top: -20px;
  transform: rotate(31deg);
  right: 19%;
  clip-path: polygon(0 0, 80% 0, 85% 97%, 6% 95%);
  -webkit-animation: blink 3s infinite alternate;
  z-index: -1;
}
.banner-line-two{
  background: var(--orange);
  height: 120%;
  position: absolute;
  width: 30px;
  top: -20px;
  transform: rotate(31deg);
  right: 14%;
  clip-path: polygon(0 0, 80% 0, 85% 97%, 6% 95%);
  -webkit-animation: blink 3s infinite alternate;
  animation-delay: 0.2s;
  z-index: -1;
}
#offer-banner .offer-banner-iner{
    padding: 30px 20px;
    background: #333333;
    clip-path: polygon(1.555% 11.253%, 1.555% 11.253%, 1.348% 11.288%, 1.135% 11.39%, 0.922% 11.555%, 0.717% 11.781%, 0.525% 12.062%, 0.354% 12.396%, 0.209% 12.779%, 0.097% 13.207%, 0.025% 13.675%, 0% 14.182%, 0% 98.938%, 0% 98.938%, 0.005% 99.111%, 0.021% 99.274%, 0.046% 99.426%, 0.079% 99.565%, 0.12% 99.689%, 0.168% 99.795%, 0.221% 99.881%, 0.28% 99.946%, 0.343% 99.986%, 0.409% 100%, 99.591% 100%, 99.591% 100%, 99.657% 99.986%, 99.72% 99.946%, 99.779% 99.881%, 99.832% 99.795%, 99.88% 99.689%, 99.921% 99.565%, 99.954% 99.426%, 99.979% 99.274%, 99.995% 99.111%, 100% 98.938%, 100% 1.062%, 100% 1.062%, 99.995% 0.889%, 99.979% 0.726%, 99.954% 0.574%, 99.921% 0.435%, 99.88% 0.311%, 99.832% 0.205%, 99.779% 0.118%, 99.72% 0.054%, 99.657% 0.014%, 99.591% 0%, 39.647% 0%, 39.647% 0%, 39.529% 0.031%, 39.418% 0.119%, 39.317% 0.259%, 39.227% 0.443%, 39.147% 0.665%, 39.08% 0.919%, 39.026% 1.199%, 38.986% 1.497%, 38.961% 1.807%, 38.953% 2.123%, 38.953% 4.883%, 38.953% 4.883%, 38.92% 5.916%, 38.827% 6.896%, 38.679% 7.81%, 38.479% 8.645%, 38.234% 9.387%, 37.947% 10.024%, 37.626% 10.542%, 37.274% 10.928%, 36.896% 11.169%, 36.498% 11.253%, 1.555% 11.253%);
}
#offer-banner h3{
  color: var(--orange);
  width: max-content;
  position: absolute;
}
.offer-img-wrap{
  text-align: center;
  width: 90%;
  margin: 5% auto 0;
}
.offer-img-wrap img{
  height: 100%;
  width: 100%;
  margin: 0 auto;
}
.offer-img-wrap .btn-wrap{
  margin: 0 auto;
    position: relative;
    bottom: 40px;
}
.offer-img-wrap .btn-wrap a{
  background: transparent;
}
.offer-img-wrap .btn-wrap:hover a{
color: var(--white);

}
/* best seller */
.best-seller-content:hover .best-seller-img img {
  animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
            transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

.best-seller-content{
  background: #333333;
  padding: 30px 20px;
  border-radius: 5px;
  align-items: center
}
.best-seller-img{
  height: 260px;
  width: 365px;
  margin: 0 auto;
}
.best-seller-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.swiper-cards .swiper-slide{
  background-color: var(--white);
  box-shadow: 0px 4px 4px 0px #00000040;
  align-items: center;
  display: flex;
  border-radius: 5px;
  position: relative;
  user-select: none;
  width: 80%;
  margin: 0 auto;
}
.upcoming-img{
  width: 240px;
    height: 153px;
    margin: 0 auto;
}
.upcoming-img img{
  height: 100%;
  width: 100%;
}
.swiper {
  width: 100%;
  height: 190px;
}
.upcomming-wrap{
  background: #333333;
  padding: 20px;
  border-radius: 5px;
  height: 100%;
}

.comming-card {
  position: absolute;
  top: 0;
  left: 0;
  background: #FFFFFF;
  width: 270px;
  height: 190px;
  margin: 0 auto;
  right: 0;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);
  transition: 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.comming-card:nth-child(1) {
  z-index: 10;
  top: 0px;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.comming-card:nth-child(2) {
  z-index: 9;
  top: 30px;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.comming-card:nth-child(3) {
  z-index: 8;
  top: 60px;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.comming-card:nth-child(4) {
  z-index: 7;
  top: 90px;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

.comming-card:nth-child(5) {
  z-index: 6;
  top: 120px;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}


.comming-card:first-child:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.comming-card:last-child { opacity: 0; }

/* Counter Banner */
.counter-video-wrap img{
  height: 150px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.banner-inner:hover .counter-video-wrap-1{
  animation: tilt-in-fwd-tl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes tilt-in-fwd-tl {
  0% {
            transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
    opacity: 0;
  }
  100% {
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
.banner-inner:hover .counter-video-wrap-2{
  animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes tilt-in-fwd-tr {
  0% {
            transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

.watch-video-content-wrap{
  background: var(--orange);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  position: relative;
  top: -3px;
}
.banner-btm{
  justify-content: center;
  margin-top: 4%;
  border: 1px solid #333333;
  border-radius: 5px;
  width: 100%;
  margin: 0 auto;
  margin-top: 45px;
}
.banner-btm-bg{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 5px;
  text-align: center;
  margin-top: -25px;
}
.banner-img-one{
  width: 500px;
  height: 535px;
  margin: 0 auto;
  object-fit: cover;
  margin-top: -34%;
}
#timer{
  position: relative;
  top: 45px;
}
.timer_days{
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 4px;
  font: 600 18px / 20px var(--font-one);
  padding: 10px;
  height: 45px;
  width: 45px;
  text-align: center;
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--orange);
  border: 1px solid #fff;
}
.nofont{
  font: 500 14px/19px var(--font-one);
  letter-spacing: 0px;
  color: #fff;
  padding-top: 5px;
}
.banner-btm h3{
  margin-top: 20px;
}
/* newsletter */
.news-form-row{
  background: #333333;
  justify-content: center;
  padding: 20px 25px;
  align-items: center;
  border-radius: 5px;
}
.news-form-main{
  position: relative;
}
.news-form-row input[type="submit"] {
  font-family: 'FontAwesome';
  right: 0;
  top: 10px;
  font-size: 20px;
  color: var(--green);
  position: absolute;
  background: transparent;
  border: none;
  color: var(--orange);
}
.news-form-main p{
  margin-bottom: 0;
}
.news-form-row input[type="email"]{
  background: transparent;
  border-bottom: 1px solid #FFFFFF;
  border-radius: 0;
  padding: 10px 0;

}
.news-form-row input[type="email"]::placeholder{
  color: var(--orange);
}

/* continue-watching */
 #continue-watching .anime-title a {
    width: 185px;
  }
#continue-watching .anime-video-box{
  background: transparent;
}
#continue-watching .anime-content{
  position: absolute;
  bottom: 0;
  padding: 5px 10px;
  width: 100%;
}
#continue-watching .anime-img img{
  border-radius: 5px;
}
#continue-watching  .anime-img {
  height: 210px;
}
#continue-watching .videoslider-video-btn i {
  height: 45px;
  width: 45px;
}
#continue-watching  .progress{
  height: 4px;
}
#continue-watching .progress-bar{
position: unset;
  background-color: #FF640A;
  border-radius: 5px;
}