@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900');
.slide-container h3, .bottom-container h2, .l-a-item-a .episode-number-tag span{
  font-family:  'Poppins', sans-serif;
}

.latest-dubbed-animes,.addthis_inline_share_toolbox, .continue-watching-division{
  max-width: 1800px !important;
  }
.slider,.img-in-slide,.active-slide,.gradient-division-1,.gradient-division-2, .l-a-a{
  margin: 0;
  padding:0;
  max-width: 1800px;
  scroll-behavior: smooth;
  margin-inline: auto;
  font-family: 'Montserrat',Arial;
  -webkit-text-size-adjust: none;
  width: 100%;
  overflow: hidden;
}
.nav-bar{
  background-color: rgba(0,0,0,0.7);
  /* display: block; */
  /* position: absolute; */
  margin-top: 0px;
  /* z-index: 2; */
  /* width: 96%; */
  /* display: none; */
}
a{
  all: unset;
}
.slide-container{
  /* position: absolute; */
  z-index: 1;
  /* margin-top: 300px; */
  bottom: 0;
}
.home-main-info{
  padding-top: 20px;
  width: 90%;
  max-width: 1800px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  /* padding-block: 10px; */
}
.home-main-info h1{
  display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  font-size: 80%;
  color: #faa300;
  margin: 0;
}
.home-main-info svg{
  height: 16px;
  /* float: left; */
  /* margin-top: 8px; */
  rotate: 180deg;
  /* fill: #faa300; */
}
.bottom-container{
  width: 100%;
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
}
.trending-anime, .animes-in-trending, .most-viewed-anime-container, .best-on-imdb-container, .newly-added-animes, .upcoming-anime-container, .new-cartoons-section, .a-animes-main-pg{
  width: 100%;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}
.a-animes-main-pg{
  display: flex;
}
.r-container-pg{
  width: 100%;
}
.ad-unit-n-a{
  height: 700px;
  max-height: 700px;
}
.pg-left-container{
  width: 200px;
}
@media only screen and (max-width:1000px){
  .ad-unit-n-a{
    max-height: 600px;
  }
}
@media only screen and (max-width:900px){
  .a-animes-main-pg{
    flex-direction: column;
    gap: 10px;
  }
  .pg-left-container{
    width: 90%;
    margin-inline: auto;
  }
  .ad-unit-n-a{
    height: auto;
    max-height: 300px;
  }
  .r-container-pg{
    width: 100%;
  }
}
.bottom-container h2{
  color: #faa300;
}
.container-in-trending{
  display: flex;
  height: 100%;
}
.vertical-container{
  bottom: 10px;
  display: none;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  z-index: 2;
  width: 100%;
}
.vertical-container .film-title{
  display: none;
  color: rgba(255,255,255,0.7);
  /* display: -webkit-box; */
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  position: absolute;
  padding-left: 20px;
  margin: 0;
  transition: margin 0.5s;
  transform: rotate(-90deg);
  margin-top: 120px;
  margin-left: 100px;
  width: 300px;
  height: 40px;
  /* right: 0; */
  font-size: 120%;
    background-color: rgba(0,0,0,0.3);
}
.vertical-container span{
  padding-inline: 10px ;
    order: 2;
    color: transparent;
    font-family:  'Poppins', sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 1em;
    /* text-shadow: 1px 1px 1px #4af7ff, 2px 2px 1px #165bfb, 1px 1px 1px #4af7ff,
      1px 2px 1px #165bfb, 1px 2px 1px #4af7ff, 1px 2px 1px #165bfb,
      1px 2px 1px #4af7ff, 1px 5px 1px #165bfb, 1px 5px 1px #4af7ff,
      1px 2px 1px #165bfb, 1px 2px 1px #4af7ff, 1px 2px 1px #165bfb,
      1px 2px 1px #4af7ff;*/
    /* text-shadow: 1px 1px 1px rgba(191,57,137,1), 3px 2px 1px rgba(9,107,222,1), 1px 1px 1px rgba(191,57,137,1);  */
      display: block;
      background-image: linear-gradient(90deg, rgba(191,57,137,1) 0%, rgba(9,107,222,1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-text-stroke-width: 0.1px;
}
@media only screen and (min-width:700px) {
  .vertical-container{
    display: block;
  }
}
.animes-in-trending,.anime-in-container-most-viewed,.container-best-on-imdb{
  display: flex;
  overflow-x: scroll;
}
.animes-in-trending::-webkit-scrollbar,.anime-in-container-most-viewed::-webkit-scrollbar,.container-best-on-imdb::-webkit-scrollbar{
  display: none;
}
.anime-in-trending{
  position: relative;
  min-width: 200px;
  min-height: 300px;
  margin-right: 10px;
  /* overflow: hidden; */
  background-color: rgba(0,0,0,0.7);
  background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);

}
/* .anime-in-trending .image-container {
  width: 400px;
} */
.anime-in-trending .image-container img{
  position: absolute;
  /* z-index: -1; */
  width: 110%;
  height: auto;
  transition: all 0.5s;
}
.anime-in-trending .image-container a{
  /* opacity: 0; */
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  /* z-index: 100; */
}
.anime-in-trending .image-container a::before{
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0.3), 40%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.3) 100%);
  z-index: 1;
}
.anime-in-trending:hover{
  cursor: pointer;
}
.anime-in-trending:hover > .container-in-trending .image-container img{
  /* height: 310px;
  width: 210px; */
  overflow: hidden;
  /* margin-left: -5px; */
  transform: scale(1.1);
}
@media only screen and (min-width:800px){
  .anime-in-trending:hover > .container-in-trending .vertical-container .film-title{
    margin-left: 20px;
  }
}
.animes-in-trending,.container-best-on-imdb,.anime-in-container-most-viewed{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: all 1s;
}
@media only screen and (max-width:1000px){
  .anime-in-trending{
    min-width: 200px;
  }
  /* .anime-in-trending .image-container{
    width: 200px;
  } */
  .anime-in-trending{
    min-width: 170px;
    min-height: 240px;
  }
  .anime-in-trending .image-container img{
    width: 170px;
    height: 240px;
  }
  .vertical-container .film-title{
    margin-top: 80px;
    font-size: 110%;
  }
}
@media only screen and (max-width:800px){
  .anime-in-trending{
  min-width: 140px;
  min-height: 220px;
}
.vertical-container{
  width: 100%;
  /* height: 30px; */
  /* display: flex; */
}
/* .anime-in-trending .image-container{
  width: 200px;
} */
.anime-in-trending .image-container img{
  width: 140px;
  height: 220px;
}
.vertical-container .film-title{
  /* position: static; */
  font-size: 100%;
  transform: rotate(0);
    width: 100%;
    height: 100%;
    margin: 0;
}
.vertical-container span{
  /* width: 30px;
  height: 30px; */
  font-size: 40px;
  padding: 0 3px;
}
.anime-in-trending{
  margin-right: 2px;
  /* margin: 0 5px; */  
}
}
@media only screen and (max-width:1800px){
  h2{
  margin-inline: 10px;
  }
}
@media only screen and (max-width:550px){
  h2{
    font-size: 18px;
  }
.anime-in-trending{
  min-width: 120px;
  min-height: 180px;
  position: relative;
}
  .vertical-container .film-title{
  position: relative;
  transform: rotate(0deg);
  margin-top: 0;
  margin-left: 0;
  font-size: 12px;
  /* background-color: rgba(0,0,0,0.5); */
  /* height: 20px; */
  width: 95%;
  padding-left: 5%;
  padding-block: 5px;
  /* text-align: center; */
  display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 0.6cm;
    /* margin-top: 20px; */
}
.vertical-container{
  position: absolute;
  width: 120px;
  /* height: 20px; */
  display: flex;
  flex-direction: column-reverse;
  bottom: 0px;
}
.anime-in-trending .image-container img{
  width: 120px;
  height: 180px;
}
.vertical-container span{
  display: block;
  position: static;
  margin: 0;
  height: auto;
  margin-top: -10px;
  font-size: 30px;
  /* padding: 0 3px; */
}
.home-main-info h1{
  font-size: 70%;
}
}
.right-container-not .countdown{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
}
.right-container-not .countdown .hours, .min, .sec{
  font-size: 60px;
  color: rgba(255,255,255,0.7);
}
.right-container-not .countdown .hours-txt{
  font-size: 20px;
  color: rgba(255,255,255,0.7); 
}

.newly-added-animes .newly-added-container{
  width: 98%;
  margin-inline: auto;
}
.newly-added-animes .newly-added-anime-container{
  height: 300px;
  background:url(/web/20240106094440im_/https://animerulz.in/images/OnePieceLiveAction.jpg);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position-x: -100px;
  background-position-y: center;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.newly-added-animes .newly-added-anime-container .image-container-new-anime_{
  height: 100%;
  width: 100%;
  background-image:url(https://web.archive.org/web/20240106094440im_/https://cdn.oneesports.gg/cdn-data/2023/08/OnePiece_LiveAction_Netflix_KeyVisual_Wallpaper_StrawHats.jpg);
  background-color: rgba(0,0,0,0.6);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
}
.newly-added-animes .newly-added-anime-container .anime-name-container{
  padding: 10px;
}
.newly-added-animes .newly-added-anime-container h3{
  color: rgba(255,255,255,0.8);
  color: #faa300;
  font-size: 30px;
  font-weight: 800;
  transition: all 0.5s;
  cursor: pointer;
  /* margin-block: 10px; */
}
.newly-added-animes .newly-added-anime-container h3:hover{
  color: #faa300;
  transform: scale(1.01);
}
.newly-added-animes .newly-added-anime-data{
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.newly-added-animes .newly-added-anime-container .anime-audios-container{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.newly-added-animes .newly-added-anime-container .anime-audios-container .anime-audio-div{
  padding: 5px 10px;
  background-color: rgba(255,255,255,0.7);
  cursor: pointer;
  transition: all 0.2s;
  font-size: 15px;
}
.newly-added-animes .newly-added-anime-container .anime-audios-container .anime-audio-div:hover{
  transform: scale(1.05);
  background-color: #faa300;
  /* color: rgba(255,255,255,0.8); */
}
.newly-added-animes .newly-added-anime-container .anime-genres-new_{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  /* gap: 30px; */
  padding-inline-start: 0;
  margin: 0;
}
.newly-added-animes .newly-added-anime-container .anime-genres-new_ .anime-genre-new_{
  color: rgba(255,255,255,0.8);
  border-right: solid 1px rgba(255,255,255,0.8);
  padding-inline: 5px;
  cursor: pointer;
  transition: all 0.5s;
}
.newly-added-animes .newly-added-anime-container .anime-genres-new_ .anime-genre-new_:nth-child(5){
  /* border-left: 1px solid rgba(255,255,255,0.8); */
  border-right: none;
}
.newly-added-animes .newly-added-anime-container .anime-genres-new_ .anime-genre-new_:hover{
  color: #faa300;
}
.newly-added-animes .anime-updated-time-new_{
  margin-top: 10px;
  padding: 10px;
  color: rgba(255,255,255,0.8);
  font-size: 12px;
}
.newly-added-animes .anime-updated-time-new_ i{
  font-size: 10px;
  margin-right: 5px;
}
@media only screen and (max-width:1200px) {
  .newly-added-animes .newly-added-anime-container .image-container-new-anime_{
      background: linear-gradient(90deg, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(https://web.archive.org/web/20240106094440im_/https://cdn.oneesports.gg/cdn-data/2023/08/OnePiece_LiveAction_Netflix_KeyVisual_Wallpaper_StrawHats.jpg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position-x: right;
  }
}
@media only screen and (max-width:600px) {
  .newly-added-animes .newly-added-anime-container .image-container-new-anime_{
      background-size: cover;
      background-position-x: center;
  }
  .newly-added-animes .newly-added-anime-container .anime-audios-container{
    padding-inline: 10px;
  }
  .newly-added-animes .newly-added-anime-container .anime-audios-container .anime-audio-div, .newly-added-animes .newly-added-anime-container .anime-genres-new_ .anime-genre-new_, .newly-added-animes .anime-updated-time-new_{
    font-size: 10px;
  }
  .newly-added-animes .newly-added-anime-container h3{
    font-size: 25px;
  }

}

/* for upcoming anime */
.upcoming-anime-container{
  width: 98%;
  display: flex;
  justify-content: space-between;
}
.left-container-upcoming{
  width: 75%;
}
.right-container-upcoming{
  width: 23%;
}
.left-container-upcoming .header-in-trending{
  cursor: pointer;
}
.left-container-upcoming .upcoming-anime-container_{
  width: 100%;
  display: grid;
  gap: 10px 0;
  justify-content: space-between;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 10px;
}
.left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming{
  position: relative;
  /* height: 400px; */
  color: rgba(255,255,255,0.7);
  /* margin-bottom: 70px; */
  width: 100%;
}
.left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming .image-container-up{
  height: 300px;
  width: 100%;
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (max-width:800px){
  .left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming .image-container-up{
    height: 250px;
  }

}
@media only screen and (max-width:600px){
  .left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming .image-container-up{
    height: 200px;
  }

}
.left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming .image-container-up::before{
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0.3)100%);
}
.left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming .image-container-up img{
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming .name-container-up{
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  z-index: 3;
  transition: all 0.5s;
}
.left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming .name-container-up h3{
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-inline: 10px;
}
.left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming:hover{
  cursor: pointer;
  color: #faa300;
}
.right-container-upcoming .genres-div{
  padding: 0 10px 10px 10px;
}
.right-container-upcoming .genres-div .header-genres-div h3{
  color: #faa300;
  font-weight: 600;
  font-size: 23px;
}
.right-container-upcoming .genres-div .data-genres-container{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  background-color: rgba(255,255,255,0.1);
  padding: 10px;
}
.right-container-upcoming .genre-h_ h4{
  margin: 0;
}
.right-container-upcoming .genre-h_{
  color: rgba(255,255,255,0.6);
  padding: 10px;
  /* border: 1px solid rgba(255,255,255,0.6); */
  border-radius: 10px;
  font-size: 14px;
  transition: all 0.5s;
}
.right-container-upcoming .genre-h_:hover{
  cursor: pointer;
}
.right-container-upcoming .genre-h_:nth-child(5n){
  color: #d0e6a5;
}
.right-container-upcoming .genre-h_:nth-child(5n):hover{
  color: rgba(0,0,0,0.8);
  background-color: #d0e6a5;
}
.right-container-upcoming .genre-h_:nth-child(5n + 1){
  color: #ffdd95;
}
.right-container-upcoming .genre-h_:nth-child(5n + 1):hover{
  background-color: #ffdd95;
  color: rgba(0,0,0,0.8);
}
.right-container-upcoming .genre-h_:nth-child(5n + 2){
  color: #fc887b;
}
.right-container-upcoming .genre-h_:nth-child(5n + 2):hover{
  background-color: #fc887b;
  color: rgba(0,0,0,0.8);
}
.right-container-upcoming .genre-h_:nth-child(5n + 3){
  color: #ccabda;
}
.right-container-upcoming .genre-h_:nth-child(5n + 3):hover{
  background-color: #ccabda;
  color: rgba(0,0,0,0.8);
}
.right-container-upcoming .genre-h_:nth-child(5n + 4){
  color: #abccd8;
}
.right-container-upcoming .genre-h_:nth-child(5n + 4):hover{
  background-color: #abccd8;
  color: rgba(0,0,0,0.8);
}
.right-container-upcoming .genres-div .all-genres-btn{
  width: 100%;
  background-color: rgba(255,255,255,0.4);
  text-align: center;
  position: relative;
  transition: all 0.5s;
}
.right-container-upcoming .genres-div .all-genres-btn:hover{
  background-color: rgba(255,255,255,0.7);
}
.right-container-upcoming .genres-div .all-genres-btn a{
  width: 100%;
  display: block;
  padding: 10px;
  margin-left: -10px;
}
.right-container-upcoming .genres-div .all-genres-btn a i{
  position: absolute;
  transition: all 0.1s;
}
.right-container-upcoming .genres-div .all-genres-btn a:hover{
  cursor: pointer;
}
.right-container-upcoming .genres-div .all-genres-btn a:hover i{
  transform: scale(1.12);
  margin-left: 2px;
}

@media only screen and (max-width:1300px){
  .left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming .name-container-up{
    font-size: 15px;
  }
}
@media only screen and (max-width:1100px) {
  .left-container-upcoming .upcoming-anime-container_{
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width:1000px){
  .left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming .name-container-up{
    font-size: 13px;
  }
}
@media only screen and (max-width:900px){
  .upcoming-anime-container{
    display: block;
  }
  .left-container-upcoming, .right-container-upcoming{
    width: 100%;
  }
}
@media only screen and (max-width:700px) {
  .left-container-upcoming .upcoming-anime-container_{
    grid-template-columns: repeat(3, 1fr);
  }
  .left-container-upcoming .upcoming-anime-container_ .anime-in-upcoming .name-container-up{
    font-size: 11px;
  }
  .right-container-upcoming .genres-div .header-genres-div h3{
    font-size: 16px;
  }
  .right-container-upcoming .genre-h_{
    font-size: 12px;
  }
}
@media only screen and (max-width:350px) {
  .left-container-upcoming .upcoming-anime-container_{
    grid-template-columns: repeat(2, 1fr);
  }
}

.anime-in-up-coming-container{
  min-width: auto !important;
}
@media only screen and (min-width:1660px){
  .image-container-up{
    min-height: 350px;
  }
}
.new-cartoons-section{
  padding: 10px 0;
}
.new-cartoons-section .cartoons-data{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.cartoons-data .cartoons-a-a{
  background-color: rgba(0,0,0,0.4);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 20px;
}
.border-bottom{
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.content-cartoons-a{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cartoon{
  padding: 10px;
  display: flex;
  height: 100px;
  cursor: pointer;
  width: 90%;
  margin-inline: auto;
  gap: 10px;
}
.cartoon-image{
  width: 70px;
  border-radius: 5px;
  overflow: hidden;
}
.cartoon-image img{
  height: 110%;
  width: auto;
  transition: all 0.5s;
}
.cartoon:hover .cartoon-image img{
  transform: scale(1.2);
}
.cartoon .cartoon-data-a{
  width: calc(100% - 80px);
  display: flex;
  align-items: center;
}
.new-cartoons-section h3{
  color: #faa300;
}
.cartoon .cartoon-data-a .h4{
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  margin-block: 0;
  font-weight: bold;
  color: #faa300;
}
.cartoon .cartoon-data-a .cartoon-a-b{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cartoon .cartoon-data-a .cartoon-a-b .cartoon-extra-data{
  display: flex;
  gap: 10px;
  color: rgba(255,255,255,0.7);
}
.small-txt{
  font-size: 13px;
}
.medium-txt{
  font-size: 15px;
}
.s-l-txt{
  font-size: 16px;
}
.m-l-txt{
  font-size: 17px;
}
.large-txt-t{
  font-size: 18px;
}
@media only screen and (max-width:750px){
  .small-txt{
    font-size: 11px;
  }
  .medium-txt{
    font-size: 12px;
  }
  .s-l-txt{
    font-size: 13px;
  }
  .m-l-txt{
    font-size: 14px;
  }
  .large-txt-t{
    font-size: 15px;
  }
}
.view-more-cartoons{
  width: 100%;
  background-color: rgba(0,0,0,0.7);
  background-color: rgba(255,255,255,0.1);
  transition: all 0.5s;
  text-align: center;
  color: rgba(255,255,255,0.7);
}
.view-more-cartoons a{
  cursor: pointer;
  width: 100%;
  /* height: 100%; */
  display: block;
  padding-block: 10px;
}
@media only screen and (max-width:600px){
  .view-more-cartoons a{
    padding-block: 13px;
  }
}
.view-more-cartoons a i{
  transition: all 0.5s;
}
.view-more-cartoons:hover{
  background-color: rgba(255,255,255,0.2);
  color: #faa300;
}
.view-more-cartoons:hover a i{
  margin-left: 2px;
}
@media only screen and (max-width:800px){
  .new-cartoons-section .cartoons-data{
    grid-template-columns: 1fr;
  }
}

.container-latest-dubbed-animes{
  position: relative;
}
.scroll-btns-container{
  position: absolute;
  width: 40px;
  height: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.scroll-btns-container.right-scroll{
  left: 10px;
  display: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
}
.scroll-btns-container.left-scroll{
  right: 10px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
@media only screen and (min-width:800px){
  .scroll-btns-container.left-scroll{
    display: none !important;
  }
  .scroll-btns-container.right-scroll{
    display: none  !important;
  }
}
.scroll-btns-container .scroll-btn{
  padding: 8px 10px;
  border-radius: 100%;
  background-color: rgba(255,255,255,0.6);
}


.anchor-d-a{
  display: flex;
  gap: 5px;
  justify-content: space-between;
  align-items: center;
  transition: all 0.5s;
  padding-right: 10px;
}
.anchor-d-a:hover{
  gap: 10px;
}
.header-in-trending{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-in-trending a{
  cursor: pointer;
  display: flex;
  gap: 10px;
  transition: all 0.3s;
}
.header-in-trending a:hover{
  color: #faa300;
  gap: 15px;
}
.anime-more-data-container-dubbbed__ .center-image{
  margin-top: -150px;
}
@media only screen and (max-width:800px){
  .anime-more-data-container-dubbbed__ .center-image{
    margin-top: -50px;
  } 
}

.timer-continue-watching{
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.timer-info-continue-watching{
  display: flex;
  justify-content: space-between;
}
.timings-info-continue-watching{
  display: flex;
  gap: 5px;
}
.time-progression-continue-watching{
  height: 3px;
  width: 100%;
  position: relative;
}
.indicator-time{
  height: 100%;
  position: absolute;
}
.full-time-continue-watching{
  width: 100%;
  z-index: 0;
  background-color: rgba(255, 255, 255, 0.4);
}
.prev-time-continue-watching{
  z-index: 1;
  background-color: #faa300;
}
.anime-data-continue-watching__{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* for latest episode */
.l-a-container{
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 20px;
}
@media only screen and (max-width:1800px){
  .l-a-container{
    width: 98%;
    margin-inline: auto;
  }
}
@media only screen and (max-width:1500px){
  .l-a-container{
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (max-width:1000px){
  .l-a-container{
    grid-template-columns: repeat(4, 1fr);
    width: 95%;
  }
}
@media only screen and (max-width:800px){
  .l-a-container{
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width:600px){
  .l-a-container{
    grid-template-columns: repeat(2, 1fr);
  }
}
.image-l-a img{
  width: 110%;
  height: auto; 
  min-height: 300px;
}
@media only screen and (max-width:500px) {
  .image-l-a img{
    min-height: 250px;
  }
}
@media only screen and (max-width:380px) {
  .image-l-a img{
    min-height: 200px;
  }
}
.image-l-a{
  position: relative;
  overflow: hidden;
}
.image-l-a::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
}
.anime-details-l-a, .epi-info-l-a{
  display: flex;
  flex-direction: column;
}
.epi-info-l-a{
  gap: 10px;
}
.lang-list-l-a{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.lang-l-a{
  padding-right: 5px;
  position: relative;
}
.lang-l-a.border-right::after{
  content: "";
  height: 100%;
  width: 2px;
  position: absolute;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.l-a-container-new{
  width: 100%;
  height: 100%;
}
.l-a-item-a{
  position: relative;
  display: flex;
  cursor: pointer;
  justify-content: center;
  /* padding: 10px; */
  border-radius: 10px;
  overflow: hidden;
}
.l-a-content-b{
  display: flex;
}
.l-a-item-a .episode-number-tag{
  white-space: nowrap;
  height: fit-content;
  width: fit-content;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 5px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  transform: rotate(180deg);
}
.l-a-item-a .episode-number-tag span{
  display: block;
  font-weight: 600;
  /* transform: rotate(270deg); */
}
.episode-name-l-a{
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.head-l-a h3{
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.l-a-item{
  transition: all .2s;
  position: relative;
  margin: 0 !important;
  min-width: auto;
}
/* .l-a-item-a:hover::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  animation: swipeBoth 0.2s ease forwards;
  top: 0;
  border-radius: 0px;
} */
@keyframes swipeBoth {
  0%{
    width: 0;
    height: 100%;
  }
}
.l-a-container:has(.l-a-item:hover) > .l-a-item:not(:hover){
  opacity: 0.5;
  transform: scale(0.9);
}

.snow-animation{
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: #faa300; */
}


.snowflake {
  --size: 10px;
  width: var(--size);
  height: var(--size);
  background: white;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: -5vh;
}

@keyframes snowfall {
  0% {
    transform: translate3d(var(--left-ini), 0, 0);
  }
  100% {
      opacity: 0.1;
    transform: translate3d(var(--left-end), 110vh, 0);
  }
}
.snowflake:nth-child(1) {
  --size: 9px;
  --left-ini: -1vw;
  --left-end: -9vw;
  left: 19vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(2) {
  --size: 8px;
  --left-ini: 4vw;
  --left-end: -1vw;
  left: 1vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(3) {
  --size: 10px;
  --left-ini: 6vw;
  --left-end: 5vw;
  left: 6vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -1s;
}

.snowflake:nth-child(4) {
  --size: 0.2vw;
  --left-ini: -9vw;
  --left-end: 1vw;
  left: 93vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(5) {
  --size: 9px;
  --left-ini: -3vw;
  --left-end: 2vw;
  left: 33vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(6) {
  --size: 5px;
  --left-ini: 7vw;
  --left-end: -7vw;
  left: 32vw;
  animation: snowfall 6s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(7) {
  --size: 8px;
  --left-ini: 2vw;
  --left-end: 4vw;
  left: 60vw;
  animation: snowfall 6s linear infinite;
  animation-delay: -1s;
}

.snowflake:nth-child(8) {
  --size: 0.2vw;
  --left-ini: 7vw;
  --left-end: -7vw;
  left: 75vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(9) {
  --size: 10px;
  --left-ini: 0vw;
  --left-end: -8vw;
  left: 71vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(10) {
  --size: 8px;
  --left-ini: -6vw;
  --left-end: 5vw;
  left: 43vw;
  animation: snowfall 7s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(11) {
  --size: 9px;
  --left-ini: 4vw;
  --left-end: 0vw;
  left: 4vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(12) {
  --size: 10px;
  --left-ini: 6vw;
  --left-end: 10vw;
  left: 41vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -2s;
}

.snowflake:nth-child(13) {
  --size: 10px;
  --left-ini: 3vw;
  --left-end: -6vw;
  left: 25vw;
  animation: snowfall 6s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(14) {
  --size: 0.2vw;
  --left-ini: -9vw;
  --left-end: 0vw;
  left: 66vw;
  animation: snowfall 7s linear infinite;
  animation-delay: -5s;
}

.snowflake:nth-child(15) {
  --size: 5px;
  --left-ini: 7vw;
  --left-end: -9vw;
  left: 78vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(16) {
  --size: 9px;
  --left-ini: -3vw;
  --left-end: -1vw;
  left: 67vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -7s;
}

.snowflake:nth-child(17) {
  --size: 10px;
  --left-ini: 0vw;
  --left-end: 7vw;
  left: 93vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -5s;
}

.snowflake:nth-child(18) {
  --size: 10px;
  --left-ini: 6vw;
  --left-end: 5vw;
  left: 47vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(19) {
  --size: 9px;
  --left-ini: 8vw;
  --left-end: -8vw;
  left: 13vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(20) {
  --size: 5px;
  --left-ini: 4vw;
  --left-end: -2vw;
  left: 64vw;
  animation: snowfall 15s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(21) {
  --size: 9px;
  --left-ini: -2vw;
  --left-end: -2vw;
  left: 16vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(22) {
  --size: 5px;
  --left-ini: -8vw;
  --left-end: 0vw;
  left: 25vw;
  animation: snowfall 15s linear infinite;
  animation-delay: -2s;
}

.snowflake:nth-child(23) {
  --size: 9px;
  --left-ini: -3vw;
  --left-end: -5vw;
  left: 38vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(24) {
  --size: 0.2vw;
  --left-ini: -1vw;
  --left-end: 8vw;
  left: 94vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(25) {
  --size: 8px;
  --left-ini: -3vw;
  --left-end: 3vw;
  left: 8vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -7s;
}

.snowflake:nth-child(26) {
  --size: 0.2vw;
  --left-ini: -2vw;
  --left-end: 7vw;
  left: 95vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -7s;
}

.snowflake:nth-child(27) {
  --size: 10px;
  --left-ini: 10vw;
  --left-end: 3vw;
  left: 38vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -7s;
}

.snowflake:nth-child(28) {
  --size: 9px;
  --left-ini: -2vw;
  --left-end: -3vw;
  left: 43vw;
  animation: snowfall 15s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(29) {
  --size: 8px;
  --left-ini: 3vw;
  --left-end: 7vw;
  left: 22vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(30) {
  --size: 5px;
  --left-ini: -9vw;
  --left-end: 1vw;
  left: 43vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(31) {
  --size: 8px;
  --left-ini: 9vw;
  --left-end: -6vw;
  left: 77vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -7s;
}

.snowflake:nth-child(32) {
  --size: 5px;
  --left-ini: -1vw;
  --left-end: 5vw;
  left: 89vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(33) {
  --size: 8px;
  --left-ini: 0vw;
  --left-end: -5vw;
  left: 70vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -1s;
}

.snowflake:nth-child(34) {
  --size: 10px;
  --left-ini: 6vw;
  --left-end: -5vw;
  left: 24vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(35) {
  --size: 9px;
  --left-ini: -2vw;
  --left-end: -3vw;
  left: 77vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(36) {
  --size: 8px;
  --left-ini: 4vw;
  --left-end: 3vw;
  left: 97vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(37) {
  --size: 9px;
  --left-ini: -4vw;
  --left-end: 2vw;
  left: 12vw;
  animation: snowfall 7s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(38) {
  --size: 5px;
  --left-ini: -4vw;
  --left-end: 4vw;
  left: 5vw;
  animation: snowfall 6s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(39) {
  --size: 8px;
  --left-ini: -8vw;
  --left-end: 4vw;
  left: 22vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -5s;
}

.snowflake:nth-child(40) {
  --size: 10px;
  --left-ini: -6vw;
  --left-end: 8vw;
  left: 55vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(41) {
  --size: 10px;
  --left-ini: 3vw;
  --left-end: 8vw;
  left: 21vw;
  animation: snowfall 15s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(42) {
  --size: 0.2vw;
  --left-ini: -2vw;
  --left-end: -1vw;
  left: 5vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(43) {
  --size: 8px;
  --left-ini: 4vw;
  --left-end: -3vw;
  left: 100vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -9s;
}

.snowflake:nth-child(44) {
  --size: 5px;
  --left-ini: 0vw;
  --left-end: -6vw;
  left: 2vw;
  animation: snowfall 7s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(45) {
  --size: 9px;
  --left-ini: 10vw;
  --left-end: -6vw;
  left: 91vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(46) {
  --size: 5px;
  --left-ini: 10vw;
  --left-end: 7vw;
  left: 67vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(47) {
  --size: 10px;
  --left-ini: -8vw;
  --left-end: -9vw;
  left: 2vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -5s;
}

.snowflake:nth-child(48) {
  --size: 8px;
  --left-ini: -5vw;
  --left-end: -5vw;
  left: 38vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(49) {
  --size: 0.2vw;
  --left-ini: -1vw;
  --left-end: 7vw;
  left: 43vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(50) {
  --size: 8px;
  --left-ini: -6vw;
  --left-end: 9vw;
  left: 37vw;
  animation: snowfall 9s linear infinite;
  animation-delay: -7s;
}

/* added small blur every 6 snowflakes*/
.snowflake:nth-child(6n) {
  filter: blur(1px);
}

@media only screen and (max-width:800px) {
  .snowflake:nth-child(1) {
      --size: 4px;
      --left-ini: -1vw;
      --left-end: -9vw;
      left: 19vw;
      animation: snowfall 8s linear infinite;
      animation-delay: -8s;
    }
    
    .snowflake:nth-child(2) {
      --size: 3px;
      --left-ini: 4vw;
      --left-end: -1vw;
      left: 1vw;
      animation: snowfall 13s linear infinite;
      animation-delay: -8s;
    }
    
    .snowflake:nth-child(3) {
      --size: 5px;
      --left-ini: 6vw;
      --left-end: 5vw;
      left: 6vw;
      animation: snowfall 14s linear infinite;
      animation-delay: -1s;
    }
    
    .snowflake:nth-child(4) {
      --size: 0.2vw;
      --left-ini: -9vw;
      --left-end: 1vw;
      left: 93vw;
      animation: snowfall 10s linear infinite;
      animation-delay: -3s;
    }
    
    .snowflake:nth-child(5) {
      --size: 4px;
      --left-ini: -3vw;
      --left-end: 2vw;
      left: 33vw;
      animation: snowfall 8s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(6) {
      --size: 5px;
      --left-ini: 7vw;
      --left-end: -7vw;
      left: 32vw;
      animation: snowfall 6s linear infinite;
      animation-delay: -6s;
    }
    
    .snowflake:nth-child(7) {
      --size: 3px;
      --left-ini: 2vw;
      --left-end: 4vw;
      left: 60vw;
      animation: snowfall 6s linear infinite;
      animation-delay: -1s;
    }
    
    .snowflake:nth-child(8) {
      --size: 0.2vw;
      --left-ini: 7vw;
      --left-end: -7vw;
      left: 75vw;
      animation: snowfall 13s linear infinite;
      animation-delay: -6s;
    }
    
    .snowflake:nth-child(9) {
      --size: 5px;
      --left-ini: 0vw;
      --left-end: -8vw;
      left: 71vw;
      animation: snowfall 8s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(10) {
      --size: 3px;
      --left-ini: -6vw;
      --left-end: 5vw;
      left: 43vw;
      animation: snowfall 7s linear infinite;
      animation-delay: -9s;
    }
    
    .snowflake:nth-child(11) {
      --size: 4px;
      --left-ini: 4vw;
      --left-end: 0vw;
      left: 4vw;
      animation: snowfall 8s linear infinite;
      animation-delay: -3s;
    }
    
    .snowflake:nth-child(12) {
      --size: 5px;
      --left-ini: 6vw;
      --left-end: 10vw;
      left: 41vw;
      animation: snowfall 13s linear infinite;
      animation-delay: -2s;
    }
    
    .snowflake:nth-child(13) {
      --size: 5px;
      --left-ini: 3vw;
      --left-end: -6vw;
      left: 25vw;
      animation: snowfall 6s linear infinite;
      animation-delay: -9s;
    }
    
    .snowflake:nth-child(14) {
      --size: 0.2vw;
      --left-ini: -9vw;
      --left-end: 0vw;
      left: 66vw;
      animation: snowfall 7s linear infinite;
      animation-delay: -5s;
    }
    
    .snowflake:nth-child(15) {
      --size: 5px;
      --left-ini: 7vw;
      --left-end: -9vw;
      left: 78vw;
      animation: snowfall 14s linear infinite;
      animation-delay: -9s;
    }
    
    .snowflake:nth-child(16) {
      --size: 4px;
      --left-ini: -3vw;
      --left-end: -1vw;
      left: 67vw;
      animation: snowfall 8s linear infinite;
      animation-delay: -7s;
    }
    
    .snowflake:nth-child(17) {
      --size: 5px;
      --left-ini: 0vw;
      --left-end: 7vw;
      left: 93vw;
      animation: snowfall 11s linear infinite;
      animation-delay: -5s;
    }
    
    .snowflake:nth-child(18) {
      --size: 5px;
      --left-ini: 6vw;
      --left-end: 5vw;
      left: 47vw;
      animation: snowfall 13s linear infinite;
      animation-delay: -3s;
    }
    
    .snowflake:nth-child(19) {
      --size: 4px;
      --left-ini: 8vw;
      --left-end: -8vw;
      left: 13vw;
      animation: snowfall 11s linear infinite;
      animation-delay: -9s;
    }
    
    .snowflake:nth-child(20) {
      --size: 5px;
      --left-ini: 4vw;
      --left-end: -2vw;
      left: 64vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(21) {
      --size: 4px;
      --left-ini: -2vw;
      --left-end: -2vw;
      left: 16vw;
      animation: snowfall 11s linear infinite;
      animation-delay: -10s;
    }
    
    .snowflake:nth-child(22) {
      --size: 5px;
      --left-ini: -8vw;
      --left-end: 0vw;
      left: 25vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -2s;
    }
    
    .snowflake:nth-child(23) {
      --size: 4px;
      --left-ini: -3vw;
      --left-end: -5vw;
      left: 38vw;
      animation: snowfall 12s linear infinite;
      animation-delay: -6s;
    }
    
    .snowflake:nth-child(24) {
      --size: 0.2vw;
      --left-ini: -1vw;
      --left-end: 8vw;
      left: 94vw;
      animation: snowfall 10s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(25) {
      --size: 3px;
      --left-ini: -3vw;
      --left-end: 3vw;
      left: 8vw;
      animation: snowfall 14s linear infinite;
      animation-delay: -7s;
    }
    
    .snowflake:nth-child(26) {
      --size: 0.2vw;
      --left-ini: -2vw;
      --left-end: 7vw;
      left: 95vw;
      animation: snowfall 11s linear infinite;
      animation-delay: -7s;
    }
    
    .snowflake:nth-child(27) {
      --size: 5px;
      --left-ini: 10vw;
      --left-end: 3vw;
      left: 38vw;
      animation: snowfall 8s linear infinite;
      animation-delay: -7s;
    }
    
    .snowflake:nth-child(28) {
      --size: 4px;
      --left-ini: -2vw;
      --left-end: -3vw;
      left: 43vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -8s;
    }
    
    .snowflake:nth-child(29) {
      --size: 3px;
      --left-ini: 3vw;
      --left-end: 7vw;
      left: 22vw;
      animation: snowfall 8s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(30) {
      --size: 5px;
      --left-ini: -9vw;
      --left-end: 1vw;
      left: 43vw;
      animation: snowfall 9s linear infinite;
      animation-delay: -6s;
    }
    
    .snowflake:nth-child(31) {
      --size: 3px;
      --left-ini: 9vw;
      --left-end: -6vw;
      left: 77vw;
      animation: snowfall 10s linear infinite;
      animation-delay: -7s;
    }
    
    .snowflake:nth-child(32) {
      --size: 5px;
      --left-ini: -1vw;
      --left-end: 5vw;
      left: 89vw;
      animation: snowfall 14s linear infinite;
      animation-delay: -3s;
    }
    
    .snowflake:nth-child(33) {
      --size: 3px;
      --left-ini: 0vw;
      --left-end: -5vw;
      left: 70vw;
      animation: snowfall 10s linear infinite;
      animation-delay: -1s;
    }
    
    .snowflake:nth-child(34) {
      --size: 5px;
      --left-ini: 6vw;
      --left-end: -5vw;
      left: 24vw;
      animation: snowfall 11s linear infinite;
      animation-delay: -8s;
    }
    
    .snowflake:nth-child(35) {
      --size: 4px;
      --left-ini: -2vw;
      --left-end: -3vw;
      left: 77vw;
      animation: snowfall 8s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(36) {
      --size: 3px;
      --left-ini: 4vw;
      --left-end: 3vw;
      left: 97vw;
      animation: snowfall 12s linear infinite;
      animation-delay: -10s;
    }
    
    .snowflake:nth-child(37) {
      --size: 4px;
      --left-ini: -4vw;
      --left-end: 2vw;
      left: 12vw;
      animation: snowfall 7s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(38) {
      --size: 5px;
      --left-ini: -4vw;
      --left-end: 4vw;
      left: 5vw;
      animation: snowfall 6s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(39) {
      --size: 3px;
      --left-ini: -8vw;
      --left-end: 4vw;
      left: 22vw;
      animation: snowfall 9s linear infinite;
      animation-delay: -5s;
    }
    
    .snowflake:nth-child(40) {
      --size: 5px;
      --left-ini: -6vw;
      --left-end: 8vw;
      left: 55vw;
      animation: snowfall 8s linear infinite;
      animation-delay: -8s;
    }
    
    .snowflake:nth-child(41) {
      --size: 5px;
      --left-ini: 3vw;
      --left-end: 8vw;
      left: 21vw;
      animation: snowfall 15s linear infinite;
      animation-delay: -8s;
    }
    
    .snowflake:nth-child(42) {
      --size: 0.2vw;
      --left-ini: -2vw;
      --left-end: -1vw;
      left: 5vw;
      animation: snowfall 8s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(43) {
      --size: 3px;
      --left-ini: 4vw;
      --left-end: -3vw;
      left: 100vw;
      animation: snowfall 9s linear infinite;
      animation-delay: -9s;
    }
    
    .snowflake:nth-child(44) {
      --size: 5px;
      --left-ini: 0vw;
      --left-end: -6vw;
      left: 2vw;
      animation: snowfall 7s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(45) {
      --size: 4px;
      --left-ini: 10vw;
      --left-end: -6vw;
      left: 91vw;
      animation: snowfall 10s linear infinite;
      animation-delay: -3s;
    }
    
    .snowflake:nth-child(46) {
      --size: 5px;
      --left-ini: 10vw;
      --left-end: 7vw;
      left: 67vw;
      animation: snowfall 10s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(47) {
      --size: 5px;
      --left-ini: -8vw;
      --left-end: -9vw;
      left: 2vw;
      animation: snowfall 9s linear infinite;
      animation-delay: -5s;
    }
    
    .snowflake:nth-child(48) {
      --size: 3px;
      --left-ini: -5vw;
      --left-end: -5vw;
      left: 38vw;
      animation: snowfall 10s linear infinite;
      animation-delay: -4s;
    }
    
    .snowflake:nth-child(49) {
      --size: 0.2vw;
      --left-ini: -1vw;
      --left-end: 7vw;
      left: 43vw;
      animation: snowfall 11s linear infinite;
      animation-delay: -10s;
    }
    
    .snowflake:nth-child(50) {
      --size: 3px;
      --left-ini: -6vw;
      --left-end: 9vw;
      left: 37vw;
      animation: snowfall 9s linear infinite;
      animation-delay: -7s;
    }
    
}