.header{position:fixed;transform:translateY(0);width:100%;height:60px;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;transition:all ease .5s;z-index:2}.header.top{background:#00000040;backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px)}.header.show{backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px)}.header.hide{transform:translateY(-60px)}.header .logo{cursor:pointer}.header .logo img{height:50px}.header .menuItems{list-style-type:none;display:none;align-items:center}@media only screen and (min-width: 700px){.header .menuItems{display:flex}}.header .menuItems .menuItem{height:60px;display:flex;align-items:center;margin:0 15px;color:#fff;font-weight:700;position:relative;transition:all ease .4s;cursor:pointer}.header .menuItems .menuItem.searchIcon{margin-right:0}.header .menuItems .menuItem svg{font-size:18px}.header .menuItems .menuItem:hover{color:#e2b616}.header .mobileMenuItems{display:flex;align-items:center;gap:20px}@media only screen and (min-width: 700px){.header .mobileMenuItems{display:none}}.header .mobileMenuItems svg{font-size:18px;color:#fff}.header.mobileView{background:#121212}.header.mobileView .menuItems{display:flex;position:absolute;top:60px;left:0;background:#121212;flex-direction:column;width:100%;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);animation:mobileMenu .3s ease forwards}.header.mobileView .menuItems .menuItem{font-size:20px;width:100%;height:auto;padding:15px 20px;margin:0;display:flex;flex-direction:column;align-items:flex-start}.header.mobileView .menuItems .menuItem:last-child{display:none}.header .searchBar{width:100%;left:0;height:60px;background-color:#fff;position:absolute;top:60px;animation:mobileMenu .3s ease forwards}.header .searchBar .searchInput{display:flex;align-items:center;height:40px;margin-top:10px;width:100%}.header .searchBar .searchInput svg{font-size:20px;flex-shrink:0;margin-left:10px;cursor:pointer;position:absolute;right:50px}.header .searchBar .searchInput input{width:100%;height:50px;background-color:#fff;outline:0;border:0;border-radius:30px 0 0 30px;padding:0 15px;font-size:14px}@media only screen and (min-width: 700px){.header .searchBar .searchInput input{height:60px;font-size:20px;padding:0 30px}}@keyframes mobileMenu{0%{transform:translateY(-130%)}to{transform:translateY(0)}}.content-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.footer{background-color:#121212;padding:50px 0;color:#fff;position:relative;transform:translateY(100%);display:flex;align-items:center;flex-direction:column}.footer .menuItems{list-style-type:none;display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}@media only screen and (min-width: 700px){.footer .menuItems{margin-bottom:30px;gap:30px}}.footer .menuItems .menuItem{cursor:pointer;font-size:12px;transition:all ease .4s}@media only screen and (min-width: 700px){.footer .menuItems .menuItem{font-size:18px}}.footer .menuItems .menuItem:hover{color:var(--yellow)}.footer .infoText{font-size:12px;line-height:20px;opacity:.5;text-align:center;max-width:800px;margin-bottom:20px}@media only screen and (min-width: 700px){.footer .infoText{font-size:15px;margin-bottom:30px}}.footer .socialIcons{display:flex;align-items:center;justify-content:center;gap:10px}.footer .socialIcons .icon{width:50px;height:50px;border-radius:50%;background-color:#000;color:#474646;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all ease .4s}.footer .socialIcons .icon:hover{box-shadow:0 0 .625em var(--yellow);color:var(--yellow)}.searchResultsPage{min-height:700px;padding-top:100px}.searchResultsPage .resultNotFound{font-size:24px;color:#fff}.searchResultsPage .pageTitle{font-size:24px;font-weight:700;line-height:34px;color:#fff;margin-bottom:25px}.searchResultsPage .content{display:flex;flex-flow:row wrap;gap:10px;margin-bottom:50px}@media only screen and (min-width: 700px){.searchResultsPage .content{gap:20px}}.searchResultsPage .content .movieCard .posterBlock{margin-bottom:20px}.searchResultsPage .image{height:300px;width:300px;position:absolute;top:30%;left:30%}.loadingSpinner{width:100%;height:150px;position:relative;display:flex;align-items:center;justify-content:center}.loadingSpinner .spinner{animation:rotate 2s linear infinite;z-index:2;width:50px;height:50px}.loadingSpinner .spinner .path{stroke:#93bfec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.loadingSpinner.initial{height:700px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.movieCard{width:calc(50% - 5px);margin-bottom:25px;cursor:pointer;flex-shrink:0}@media only screen and (min-width: 700px){.movieCard{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.movieCard{width:calc(20% - 16px)}}.movieCard .posterBlock{position:relative;width:100%;aspect-ratio:1/1.5;background-size:cover;background-position:center;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;transition:all ease .5s}.movieCard .posterBlock .lazy-load-image-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden}.movieCard .posterBlock .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.movieCard .posterBlock .circleRating{width:40px;height:40px;position:relative;top:30px;background-color:#201f1f;flex-shrink:0}@media only screen and (min-width: 700px){.movieCard .posterBlock .circleRating{width:50px;height:50px}}.movieCard .posterBlock .genres{display:none;position:relative}@media only screen and (min-width: 700px){.movieCard .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.movieCard .textBlock{color:#fff;display:flex;flex-direction:column}.movieCard .textBlock .title{font-size:16px;margin-bottom:10px;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 700px){.movieCard .textBlock .title{font-size:20px}}.movieCard .textBlock .date{font-size:14px;opacity:.5}.movieCard:hover .posterBlock{opacity:.5}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.circleRating{background-color:#201f1f;border-radius:50%;padding:2px}.circleRating .CircularProgressbar-text{font-size:34px;font-weight:700;fill:#fff}.circleRating .CircularProgressbar-trail{stroke:transparent}.circleRating .CircularProgressbar-background{fill:green}.genres{position:absolute;display:flex;gap:5px}.genres .genre{background-color:var(--yellow);font-size:12px;padding:4px 6px;border-radius:4px;color:#000;white-space:nowrap;font-weight:700}.carouselSection{position:relative;margin-bottom:70px}.carouselSection>.content-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.carouselSection .carouselTitle{font-size:24px;color:#fff}.herobanner{width:100%;height:450px;background-color:var(--black);display:flex;align-items:center;position:relative;background-color:#121212}@media only screen and (min-width: 700px){.herobanner{width:100%;height:700px}}.herobanner .backdrop-img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.5;overflow:hidden}.herobanner .backdrop-img .lazy-load-image-background{width:100%;height:100%}.herobanner .backdrop-img .lazy-load-image-background .banner-image{width:100%;height:100%;object-fit:cover;object-position:center}.herobanner .opacity-layer{width:100%;height:250px;background:linear-gradient(180deg,#0000 25%,#000 79.17%);position:absolute;bottom:0;left:0}.herobanner .heroBannerContent{display:flex;flex-direction:column;align-items:center;color:#fff;justify-content:center;position:relative;max-width:800px;margin:0 150px}@media only screen and (max-width: 830px){.herobanner .heroBannerContent{display:none}}.herobanner .heroBannerContent .title{font-size:50px;font-weight:700;margin-bottom:10px}@media only screen and (min-width: 700px){.herobanner .heroBannerContent .title{font-size:80px;margin-bottom:5px}}.herobanner .heroBannerContent .subTitle{font-size:20px;font-weight:500;margin-bottom:40px;text-align:center}@media only screen and (max-width: 830px){.herobanner .heroBannerContent .subTitle{font-size:13px;white-space:nowrap}}.herobanner .heroBannerContent .searchInput{display:flex;align-items:center;width:100%}.herobanner .heroBannerContent .searchInput input{width:calc(100% - 100px);height:40px;border-radius:30px 0 0 30px;padding:10px 20px;border:none;outline:none;font-size:15px}@media only screen and (min-width: 700px){.herobanner .heroBannerContent .searchInput input{width:calc(100% - 150px);height:60px;font-size:20px}}.herobanner .heroBannerContent .searchInput button{width:100px;height:40px;border-radius:0 30px 30px 0;border:none;outline:none;background-color:#e2b616;color:#000;font-size:15px;font-weight:700;cursor:pointer;transition:all ease .4s}@media only screen and (min-width: 700px){.herobanner .heroBannerContent .searchInput button{width:150px;height:60px;font-size:20px}}.herobanner .heroBannerContent .searchInput button:hover{color:#000;background-color:#bb9716}.switchingTabs{height:34px;background-color:#201f1f;border-radius:20px;padding:2px}.switchingTabs .tabItems{display:flex;align-items:center;height:30px;position:relative}.switchingTabs .tabItems .tabItem{height:100%;display:flex;align-items:center;justify-content:center;width:100px;color:#fff;font-size:15px;font-weight:700;position:relative;z-index:1;cursor:pointer;transition:color ease .4s}.switchingTabs .tabItems .tabItem.active{color:#000}.switchingTabs .tabItems .movingBg{height:28px;width:100px;border-radius:15px;background-color:#e2b616;position:absolute;left:0;transition:left cubic-bezier(.88,-.35,.565,1.35) .4s}.carousel{margin-bottom:50px;position:relative}.carousel .content-wrapper{position:relative}.carousel .arrow{font-size:30px;color:#fff;position:absolute;top:47%;transform:translateY(-50%);cursor:pointer;opacity:.7;z-index:1;display:none;transition:all ease .4s}@media only screen and (min-width: 700px){.carousel .arrow{display:block}}.carousel .arrow:hover{opacity:.4}.carousel .carouselLeftNav{left:5%}.carousel .carouselRightNav{right:5%}.carousel .carouselItem{transition:all ease .4s}.carousel .carouselItem:hover{opacity:.7}.carousel .carouselTitle{font-size:24px;color:#fff;margin-bottom:20px;font-weight:400}.carousel .loadingSkeleton{display:flex;gap:10px;overflow-y:hidden;margin-right:-20px;margin-left:-30px;padding:0 20px}@media only screen and (min-width: 700px){.carousel .loadingSkeleton{gap:20px;overflow:hidden;margin:0;padding:0;width:100%}}.carousel .loadingSkeleton .skeletonItem{width:125px;flex-shrink:0}@media only screen and (min-width: 700px){.carousel .loadingSkeleton .skeletonItem{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.carousel .loadingSkeleton .skeletonItem{width:calc(20% - 16px)}}.carousel .loadingSkeleton .skeletonItem .posterBlock{border-radius:12px;width:100%;aspect-ratio:1/1.5;margin-bottom:30px}.carousel .loadingSkeleton .skeletonItem .textBlock{display:flex;flex-direction:column}.carousel .loadingSkeleton .skeletonItem .textBlock .title{width:100%;height:20px;margin-bottom:10px}.carousel .loadingSkeleton .skeletonItem .textBlock .date{width:75%;height:20px}.carousel .carouselItems{display:flex;gap:10px;overflow-y:hidden;margin-right:-20px;margin-left:-30px;padding:0 20px}@media only screen and (min-width: 700px){.carousel .carouselItems{gap:20px;overflow:hidden;margin:0;padding:0}}.carousel .carouselItems .carouselItem{width:125px;cursor:pointer;flex-shrink:0}@media only screen and (min-width: 700px){.carousel .carouselItems .carouselItem{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.carousel .carouselItems .carouselItem{width:calc(20% - 16px)}}.carousel .carouselItems .carouselItem .posterBlock{position:relative;width:100%;aspect-ratio:1/1.5;background-size:cover;background-position:center;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px}.carousel .carouselItems .carouselItem .posterBlock .lazy-load-image-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden}.carousel .carouselItems .carouselItem .posterBlock .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.carousel .carouselItems .carouselItem .posterBlock .circleRating{width:40px;height:40px;position:relative;top:30px;background-color:#201f1f;flex-shrink:0}@media only screen and (min-width: 700px){.carousel .carouselItems .carouselItem .posterBlock .circleRating{width:50px;height:50px}}.carousel .carouselItems .carouselItem .posterBlock .genres{display:none;position:relative}@media only screen and (min-width: 700px){.carousel .carouselItems .carouselItem .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.carousel .carouselItems .carouselItem .textBlock{color:#fff;display:flex;flex-direction:column;gap:5px}.carousel .carouselItems .carouselItem .textBlock .title{font-size:16px;margin-bottom:10px;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 700px){.carousel .carouselItems .carouselItem .textBlock .title{font-size:20px}}.carousel .carouselItems .carouselItem .textBlock .date{font-size:14px;opacity:.5}.explorePage{min-height:700px;padding-top:100px}.explorePage .resultNotFound{font-size:24px;color:#201f1f}.explorePage .pageHeader{display:flex;justify-content:space-between;margin-bottom:25px;flex-direction:column}@media only screen and (min-width: 700px){.explorePage .pageHeader{flex-direction:row}}.explorePage .pageTitle{font-size:24px;line-height:34px;color:#fff;margin-bottom:20px}@media only screen and (min-width: 700px){.explorePage .pageTitle{margin-bottom:0}}.explorePage .filters{display:flex;gap:10px;flex-direction:column}@media only screen and (min-width: 700px){.explorePage .filters{flex-direction:row}}.explorePage .filters .react-select-container.genresDD{width:100%}@media only screen and (min-width: 700px){.explorePage .filters .react-select-container.genresDD{max-width:500px;min-width:250px}}.explorePage .filters .react-select-container.sortbyDD{width:100%;flex-shrink:0}@media only screen and (min-width: 700px){.explorePage .filters .react-select-container.sortbyDD{width:250px}}.explorePage .filters .react-select-container .react-select__control{border:0;outline:0;box-shadow:none;background-color:#201f1f;border-radius:20px}.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__placeholder,.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__input-container{color:#ffffff93;margin:0 10px}.explorePage .filters .react-select-container .react-select__control .react-select__single-value{color:#e2b616;font-weight:700}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value{background-color:#e2b616;padding:2px;border-radius:10px}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__label{color:#000;font-weight:700}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove{background-color:transparent;color:#000;cursor:pointer}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove:hover{color:#201f1f}.explorePage .filters .react-select-container .react-select__menu{top:40px;margin:0;padding:0 10px;background-color:#201f1f;color:#ffffff93;font-size:15px}.explorePage .filters .react-select-container .react-select__option{background-color:#201f1f;transition:all ease .2s}.explorePage .filters .react-select-container .react-select__option:hover{background-color:#e2b616;color:#000;font-weight:700}.explorePage .filters .react-select-container .react-select__option--is-selected{background-color:#e2b616;font-weight:700;color:#000}.explorePage .content{display:flex;flex-flow:row wrap;gap:10px;margin-bottom:50px}@media only screen and (min-width: 700px){.explorePage .content{gap:20px}}.explorePage .content .movieCard .posterBlock{margin-bottom:30px}.videoPopup{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;visibility:hidden;z-index:9}.videoPopup .opacityLayer{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .4s}.videoPopup .videoPlayer{position:relative;width:800px;aspect-ratio:16/9;background-color:#121212;transform:scale(.2);transition:transform .25s}.videoPopup .videoPlayer .closeBtn{position:absolute;top:-20px;right:0;color:#fff;cursor:pointer}.videoPopup.visible{opacity:1;visibility:visible}.videoPopup.visible .opacityLayer{opacity:1}.videoPopup.visible .videoPlayer{transform:scale(1)}.detailsBanner{width:100%;background-color:var(--black);padding-top:100px;margin-bottom:50px}@media only screen and (min-width: 700px){.detailsBanner{margin-bottom:0;padding-top:120px;min-height:700px}}.detailsBanner .backdrop-img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.1;overflow:hidden}.detailsBanner .backdrop-img .lazy-load-image-background{width:100%;height:100%}.detailsBanner .backdrop-img .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.detailsBanner .opacity-layer{width:100%;height:250px;background:linear-gradient(180deg,#0000 25%,#000 79.17%);position:absolute;bottom:0;left:0}.detailsBanner .content{display:flex;position:relative;flex-direction:column;gap:25px}@media only screen and (min-width: 700px){.detailsBanner .content{gap:50px;flex-direction:row}}.detailsBanner .content .left{flex-shrink:0}.detailsBanner .content .left .posterImg{width:100%;display:block;border-radius:12px}@media only screen and (min-width: 700px){.detailsBanner .content .left .posterImg{max-width:350px}}.detailsBanner .content .right{color:#fff}.detailsBanner .content .right .title{font-size:28px;line-height:40px}@media only screen and (min-width: 700px){.detailsBanner .content .right .title{font-size:34px;line-height:44px}}.detailsBanner .content .right .subtitle{font-size:16px;line-height:24px;margin-bottom:15px;font-style:italic;opacity:.5}@media only screen and (min-width: 700px){.detailsBanner .content .right .subtitle{font-size:20px;line-height:28px}}.detailsBanner .content .right .genres{margin-bottom:25px;flex-flow:row wrap}.detailsBanner .content .right .overview{margin-bottom:25px}.detailsBanner .content .right .overview .heading{font-size:24px;margin-bottom:10px}.detailsBanner .content .right .overview .description{line-height:24px}@media only screen and (min-width: 700px){.detailsBanner .content .right .overview .description{padding-right:100px}}.detailsBanner .content .right .circleRating{max-width:70px;background-color:var(--black2)}@media only screen and (min-width: 700px){.detailsBanner .content .right .circleRating{max-width:90px}}.detailsBanner .content .right .circleRating .CircularProgressbar-text{fill:#fff}.detailsBanner .content .right .playbtn{display:flex;align-items:center;gap:20px;cursor:pointer}.detailsBanner .content .right .playbtn svg{width:60px}@media only screen and (min-width: 700px){.detailsBanner .content .right .playbtn svg{width:80px}}.detailsBanner .content .right .playbtn .text{font-size:20px;transition:all .7s ease-in-out}.detailsBanner .content .right .playbtn .triangle{stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0);transition:all .7s ease-in-out}.detailsBanner .content .right .playbtn .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:1300;transition:all .5s ease-in-out}.detailsBanner .content .right .playbtn:hover .text{color:var(--yellow)}.detailsBanner .content .right .playbtn:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--yellow);animation:trailorPlay .7s ease-in-out}.detailsBanner .content .right .playbtn:hover .circle{stroke-dashoffset:0;stroke:var(--yellow)}.detailsBanner .content .right .row{display:flex;align-items:center;gap:25px;margin-bottom:25px;margin-top:50px}.detailsBanner .content .right .info{border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0;display:flex}.detailsBanner .content .right .info .infoItem{margin-right:10px;display:flex;flex-flow:row wrap}.detailsBanner .content .right .info .text{margin-right:10px;opacity:.5;line-height:24px}.detailsBanner .content .right .info .text.bold{font-weight:600;opacity:1}.detailsBanner .detailsBannerSkeleton{display:flex;position:relative;flex-direction:column;gap:25px}@media only screen and (min-width: 700px){.detailsBanner .detailsBannerSkeleton{gap:50px;flex-direction:row}}.detailsBanner .detailsBannerSkeleton .contentWrapper{display:flex;gap:50px}.detailsBanner .detailsBannerSkeleton .left{flex-shrink:0;width:100%;display:block;border-radius:12px;aspect-ratio:1/1.5}@media only screen and (min-width: 700px){.detailsBanner .detailsBannerSkeleton .left{max-width:350px}}.detailsBanner .detailsBannerSkeleton .right{width:100%}.detailsBanner .detailsBannerSkeleton .right .row{width:100%;height:25px;margin-bottom:20px;border-radius:50px}.detailsBanner .detailsBannerSkeleton .right .row:nth-child(2){width:75%;margin-bottom:50px}.detailsBanner .detailsBannerSkeleton .right .row:nth-child(5){width:50%;margin-bottom:50px}.castSection{position:relative;margin-bottom:50px}.castSection .sectionHeading{font-size:24px;color:#fff;margin-bottom:25px}.castSection .arrow{font-size:30px;color:#fff;position:absolute;top:47%;transform:translateY(-50%);cursor:pointer;opacity:.7;z-index:1;display:none;transition:all ease .4s}@media only screen and (min-width: 700px){.castSection .arrow{display:block}}.castSection .arrow:hover{opacity:.4}.castSection .carouselLeftNav{left:5%}.castSection .carouselRightNav{right:5%}.castSection .listItems{display:flex;gap:20px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px;position:relative}@media only screen and (min-width: 700px){.castSection .listItems{margin:0;padding:0}}.castSection .listItems .listItem{text-align:center;color:#fff}.castSection .listItems .listItem .profileImg{width:125px;height:125px;border-radius:50%;overflow:hidden;margin-bottom:15px}@media only screen and (min-width: 700px){.castSection .listItems .listItem .profileImg{width:175px;height:175px;margin-bottom:25px}}.castSection .listItems .listItem .profileImg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.castSection .listItems .listItem .name{font-size:14px;line-height:20px;font-weight:600}@media only screen and (min-width: 700px){.castSection .listItems .listItem .name{font-size:18px;line-height:24px;white-space:nowrap}}.castSection .listItems .listItem .character{font-size:14px;line-height:20px;opacity:.5}@media only screen and (min-width: 700px){.castSection .listItems .listItem .character{font-size:16px;line-height:24px}}.castSection .castSkeleton{display:flex;gap:20px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 700px){.castSection .castSkeleton{margin:0;padding:0}}.castSection .castSkeleton .skItem .circle{width:125px;height:125px;border-radius:50%;margin-bottom:15px}@media only screen and (min-width: 700px){.castSection .castSkeleton .skItem .circle{width:175px;height:175px;margin-bottom:25px}}.castSection .castSkeleton .skItem .row{width:100%;height:20px;border-radius:10px;margin-bottom:10px}.castSection .castSkeleton .skItem .row2{width:75%;height:20px;border-radius:10px;margin:0 auto}.videosSection{position:relative;margin-bottom:50px}.videosSection .sectionHeading{font-size:24px;color:#fff;margin-bottom:25px}.videosSection .arrow{font-size:30px;color:#fff;position:absolute;top:47%;transform:translateY(-50%);cursor:pointer;opacity:.7;z-index:1;display:none;transition:all ease .4s}@media only screen and (min-width: 700px){.videosSection .arrow{display:block}}.videosSection .arrow:hover{opacity:.4}.videosSection .carouselLeftNav{left:5%}.videosSection .carouselRightNav{right:5%}.videosSection .videos{display:flex;gap:10px;overflow-x:auto;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 700px){.videosSection .videos{gap:20px;margin:0;padding:0}}.videosSection .videos .videoItem{width:150px;flex-shrink:0;cursor:pointer}@media only screen and (min-width: 700px){.videosSection .videos .videoItem{width:23.5%}}.videosSection .videos .videoItem .videoThumbnail{margin-bottom:15px;position:relative}.videosSection .videos .videoItem .videoThumbnail img{width:100%;display:block;border-radius:12px;transition:all .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px}.videosSection .videos .videoItem .videoThumbnail .triangle{stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0);transition:all .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:1300;transition:all .5s ease-in-out}.videosSection .videos .videoItem .videoThumbnail:hover img{opacity:.5}.videosSection .videos .videoItem .videoThumbnail:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--yellow);animation:trailorPlay .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail:hover .circle{stroke-dashoffset:0;stroke:var(--yellow)}.videosSection .videos .videoItem .videoTitle{color:#fff;font-size:14px;line-height:20px}@media only screen and (min-width: 700px){.videosSection .videos .videoItem .videoTitle{font-size:16px;line-height:24px}}.videosSection .videoSkeleton{display:flex;gap:10px;overflow-x:auto;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 700px){.videosSection .videoSkeleton{gap:20px;margin:0;padding:0}}.videosSection .videoSkeleton .skItem{width:150px;flex-shrink:0}@media only screen and (min-width: 700px){.videosSection .videoSkeleton .skItem{width:25%}}.videosSection .videoSkeleton .skItem .thumb{width:100%;aspect-ratio:16/9;border-radius:12px;margin-bottom:10px}.videosSection .videoSkeleton .skItem .row{height:20px;width:100%;border-radius:10px;margin-bottom:10px}.videosSection .videoSkeleton .skItem .row2{height:20px;width:75%;border-radius:10px}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--black: transparent;--black2: #121212;--black3: #020c1b;--black-lighter: #1c4b91;--black-light: #173d77;--yellow: #E2B616;--orange: #f89e00;--gradient: linear-gradient(98.37deg, #f89e00 .99%, #da2f68 100%)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000}::-webkit-scrollbar{display:none}.skeleton{position:relative;overflow:hidden;background-color:#121212}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#0000 0,#0003 20%,#00000080 60%,#0000);animation:shimmer 2s infinite;content:""}@keyframes shimmer{to{transform:translate(100%)}}
