section{width:100%;display:flex;flex-direction:column;gap:10px}.trendMoviesContainer{display:flex;gap:20px}.trendingTitle{position:relative;padding-left:10px;width:fit-content}.trendingTitle:hover{text-decoration:underline;cursor:pointer}.trendingTitle:before{content:"";position:absolute;width:3px;height:100%;top:0;left:0;background-color:#d1a208fd}.trendMovie{height:60vh;position:relative;display:flex;background-position:center;background-size:cover;width:80%}.trendMovie:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;background-color:#0000004d;pointer-events:none;z-index:1}.trendMovieDetails{display:flex;align-items:end;padding:0 0 15px 15px;gap:20px;color:#fff;z-index:100;width:100%}.MoviesContainer{width:20%;display:flex;flex-direction:column;gap:10px}.movieContainer{display:flex;flex-direction:column;width:100%;gap:2px;position:relative}.movieContainer img{width:100%;height:130px;border-radius:5px}.popularImg{position:relative}.popularMoviePlay{position:absolute;bottom:5px;left:5px}.popularMoviePlay:hover{cursor:pointer;opacity:.9}.movieRate{display:flex;justify-content:center;align-items:center;gap:3px}.trendMovieImg{object-fit:cover}.trendMovieImg:hover{filter:brightness(.8);transition:filter .2s linear;cursor:pointer}.titleAndRateContainer{display:flex;justify-content:space-between;width:100%;flex-wrap:nowrap;align-items:center}.titleAndRateContainer .trendMovieTitle,.heroTitle{width:70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trendMovieTitle:hover{text-decoration:underline;cursor:pointer}.heroTitle{font-size:30px}.heroImg img{width:200px;height:300px;filter:brightness(1.2)}.heroImg img:hover{filter:brightness(1.1);cursor:pointer}.heroDetails{z-index:5;width:100%;height:fit-content;max-height:100%;overflow:hidden}.heroDescription{width:80%;overflow:hidden;font-size:.9rem}.heroButton{display:flex;justify-content:center;align-items:center;color:#fff;background-color:#d1a208fd;padding:10px 15px;border:none;margin-top:10px;border-radius:10px}.heroButton:hover{background-color:#b68d07fd;cursor:pointer;transition:background-color .2s linear}.trendButtonsContainer{position:absolute;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;z-index:100;bottom:50px;padding:0 15px;pointer-events:none;z-index:999}.trendButtonsContainer button{width:50px;height:50px;display:grid;place-items:center;background-color:transparent;border:none;color:#fff;border:1px solid white;cursor:pointer;pointer-events:auto}.trendButtonsContainer button:hover{background-color:#3d38387a}.watchNowLink{text-decoration:none}@media (max-width: 1300px){.trendMoviesContainer{gap:10px}.heroTitle{font-size:27px;width:90%}.heroDescription{width:100%}.heroButton{padding:10px}}@media (max-width: 767px){.heroDescription{font-size:.8rem}.heroTitle{width:100%;font-size:22px}.heroImg img{width:150px;height:250px;filter:brightness(1.2)}.trendMovie{width:100%}.MoviesContainer{display:none}}.newtons-cradle{--uib-size: 50px;--uib-speed: 1.2s;position:relative;display:flex;align-items:center;justify-content:center;width:var(--uib-size);height:var(--uib-size)}.newtons-cradle__dot{position:relative;display:flex;align-items:center;height:100%;width:25%;transform-origin:center top}.newtons-cradle__dot:after{content:"";display:block;width:100%;height:25%;border-radius:50%;background-color:currentColor}.newtons-cradle__dot:first-child{animation:swing var(--uib-speed) linear infinite}.newtons-cradle__dot:last-child{animation:swing2 var(--uib-speed) linear infinite}@keyframes swing{0%{transform:rotate(0);animation-timing-function:ease-out}25%{transform:rotate(70deg);animation-timing-function:ease-in}50%{transform:rotate(0);animation-timing-function:linear}}@keyframes swing2{0%{transform:rotate(0);animation-timing-function:linear}50%{transform:rotate(0);animation-timing-function:ease-out}75%{transform:rotate(-70deg);animation-timing-function:ease-in}}.moviesContainer{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;width:100%;height:420px;overflow:hidden}.movieImgsLoop{width:fit-content;display:flex;flex-direction:column;gap:20px;width:100%}.moviesHeader{display:flex;justify-content:space-between;align-items:center;width:100%}.actionTitle{position:relative;padding-left:10px;cursor:pointer}.actionTitle h2,.moviesHeader h2{font-size:clamp(1.4rem,1vw + .5rem,1.8rem)}.actionTitle:hover{text-decoration:underline}.actionTitle:hover:after{width:90%}.actionTitle:before{position:absolute;content:"";width:3px;height:90%;top:0;left:0;background-color:#d1a208fd}.navButtons{display:flex;gap:5px}.navButtons button{width:50px;height:40px;border:none;cursor:pointer;border-radius:5px}.btn:hover{background:var(--headerHover)!important}.btn:disabled{opacity:.3!important;cursor:auto}.btn:disabled:hover{background-color:transparent!important}.movieCardsContainer{width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;overflow:hidden}@media (max-width: 1300px){.movieCardsContainer{grid-template-columns:repeat(4,1fr);gap:5px}}@media (max-width: 850px){.movieImgsLoop{gap:10px}.movieCardsContainer{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.movieImgsLoop{gap:5px}.movieCardsContainer{grid-template-columns:repeat(1,1fr)}}.movieCard{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:5px;height:100%;min-width:120px}.movieImgContainer{position:relative;height:300px;width:100%;overflow:hidden}.movieImg{width:100%;height:300px;object-fit:cover;border-radius:5px;cursor:pointer;display:block}.moviePlay{position:absolute;bottom:10px;left:5px}.moviePlay:hover{opacity:.9;cursor:pointer}.movieImg:hover{filter:brightness(.8);transition:filter .2s linear}.movieDetails{padding:0 0 15px;width:100%;display:flex;flex-direction:column;align-items:start}.movieRate{font-size:clamp(.8rem,.9vw + .2rem,1rem)}.star{color:#d1a208fd;font-size:clamp(1rem,1vw + .3rem,1.2rem)}.movieTitle{width:fit-content;max-width:95%;height:30px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:.94rem}.movieTitle:hover{text-decoration:underline}@media (max-width: 1300px){.movieTitle{font-size:.9rem}}.home{width:80%;min-height:100vh;position:relative;margin:auto;display:flex;flex-direction:column;align-items:center;gap:50px;padding-block:100px 20px}@media (max-width: 1300px){.home{width:90%}}.footer{width:100%;height:fit-content;display:flex;flex-direction:column;gap:5px}.footer .footerLists{display:flex;justify-content:space-between;align-items:center}.footerLists ul{list-style:none;display:flex;gap:15px;font-size:.8rem}.footerLists ul:last-child{display:flex;justify-content:end}.footerLists ul li:hover{cursor:pointer}div p{font-size:.8rem}.dropdownGenresList{position:absolute;top:130%;left:-30%;min-width:100px;display:flex;justify-content:center;flex-direction:column;align-items:center;list-style:none;z-index:9999;box-shadow:0 0 5px #9e9a9aa8;border-radius:4px}.moviesLi{position:relative}.hoverArea{position:absolute;top:100%;width:100%;height:50%}.header{display:flex;justify-content:space-between;align-items:center;padding-inline:1.5vw;height:70px;z-index:9999;position:fixed;width:100%;top:0;right:0}.header .headerTitle h2{font-size:2rem;font-weight:700;letter-spacing:.5px}.header nav ul{list-style:none;display:flex;gap:30px;padding:0;margin:0;width:100%}.header nav ul li{padding:10px 15px;z-index:10;font-size:.8rem;letter-spacing:.5px;cursor:pointer;transition:color .3s;height:100%;display:flex;justify-content:center;align-items:center}.header nav ul li a{height:140%;display:flex;justify-content:center;align-items:center}.headerIcons{display:flex;justify-content:center;align-items:center;gap:10px;font-size:1.2rem}.hiddenNavbar{display:none;position:relative}.hiddenContainer{position:fixed;top:70px;right:0;width:100%;min-height:300px;display:flex;justify-content:center;align-items:center;gap:50px;z-index:9995;box-shadow:0 0 3px #000}.hiddenList{list-style:none;display:flex;flex-direction:column;align-items:center;gap:20px}.hiddenList li{position:relative;font-size:.8rem;letter-spacing:.5px}.hiddenList li:hover{cursor:pointer}.hiddenList>li:not(.moviesLi):before{position:absolute;content:"";top:100%;left:0;width:0%;height:2px;background-color:currentColor}.hiddenList li:hover:before{width:100%;transition:width .3s linear}.underlineDiv{position:absolute;bottom:0;height:100%;border-radius:2px;z-index:-1}.hiddenListIcons{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:20px;font-size:1.4rem}.blurDiv{position:absolute;top:100%;width:100%;height:100vh;background-color:#05050549;z-index:9995;pointer-events:all}.headerList .moviesLi{position:relative;display:flex;align-items:center;justify-content:center}.dropdownMoviesGenres{position:absolute;top:100%;left:0;width:100px!important;box-shadow:0 5px 6px #b9b6b675;display:flex;gap:0px!important;flex-direction:column;align-items:center;z-index:9999!important}.dropdownMoviesGenres li{width:100%;text-align:center}.dropdownMoviesGenres li:hover{text-align:center;background-color:var(--dropdownHover)}.dropdownMoviesGenresLink{width:100%}@media (max-width: 1000px){.header nav ul li{padding:10px;font-size:.9rem}.header nav ul{gap:10px}.header .headerTitle h2{font-size:1.8rem}}@media (max-width: 767px){.header .headerTitle h2{font-size:1.7rem}.hiddenNavbar{display:flex}.header nav{display:none}.headerIcons{display:none}}.dropdownGenresList{position:absolute;top:130%;left:-30%;min-width:100px;display:flex;justify-content:center;flex-direction:column;align-items:center;list-style:none;z-index:9999;background-color:violet;box-shadow:0 0 5px #9e9a9aa8;border-radius:4px}.genreToggle{display:flex;align-items:center}.dropdownGenresList li{text-align:center;padding:10px;font-size:.7rem}.dropdownGenresList li:hover{background-color:var(--dropdownHover)}.dropdownGenresLi{width:100%}*{padding:0;margin:0;box-sizing:border-box}.mainPage{display:flex;flex-direction:column;gap:50px;margin:auto}.button{width:50px;height:50px;border-radius:50%;background-color:#141414;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #a09ca0ec;cursor:pointer;transition-duration:.3s;overflow:hidden;position:fixed;bottom:20px;right:20px;z-index:999}.svgIcon{width:12px;transition-duration:.3s}.button:hover{width:140px;border-radius:50px;transition-duration:.3s;align-items:center}.button:hover .svgIcon{transition-duration:.3s;transform:translateY(-200%)}.button:before{position:absolute;bottom:-20px;content:"Back to Top";font-size:0px}.button:hover:before{font-size:13px;opacity:1;bottom:unset;transition-duration:.3s}.notFoundPageContainer{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;overflow:hidden}.notFoundPageContainer img{width:550px;height:550px}@media (max-width: 767px){.notFoundPageContainer img{width:400px;height:400px}}@media (max-width: 480px){.notFoundPageContainer img{width:300px;height:300px}}.moviePageContainer{padding:100px 0 50px;width:80%;display:flex;flex-direction:column;gap:50px;margin:auto}.moviePageTitle{position:relative;display:flex;align-items:center;justify-content:space-between}.moviePageTitle h2{position:relative;padding-left:10px;font-size:1.6rem}.moviePageTitle h2:before{content:"";width:3px;height:100%;top:0;right:0;bottom:0;left:0;position:absolute;background-color:gold}.titleRadio{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;padding-left:15px}.titleRadio div{display:flex;gap:3px}.titleRadio div input,.titleRadio div label{cursor:pointer}.moviesAndPaginationContainer{display:flex;flex-direction:column;gap:30px}.moviesCards{display:grid;gap:10px;width:100%;grid-template-columns:repeat(5,1fr)}.nothingFound,.error,.noActorMoviesFound{text-align:center;font-size:1.3rem}.error,.nothingFound{padding-top:100px}.error{color:red!important}.loader{position:fixed;display:grid;place-items:center}@media (max-width: 1300px){.moviePageContainer{width:90%}.moviesCards{grid-template-columns:repeat(4,1fr);gap:5px}.moviePageTitle h2{font-size:1.5rem}.titleRadio label{font-size:.9rem}}@media (max-width: 1000px){.moviesCards{grid-template-columns:repeat(2,1fr)}.moviePageTitle{flex-direction:column;align-items:start;gap:10px}.moviePageTitle h2{font-size:1.4rem}.titleRadio label{font-size:.8rem}.nothingFound,.noActorMoviesFound,.error{font-size:1rem}}@media (max-width: 480px){.moviesCards{grid-template-columns:repeat(1,1fr)}.moviePageTitle h2{font-size:1.3rem}.nothingFound,.noActorMoviesFound,.error{font-size:.9rem}}.custom-container{position:relative;width:8rem;background-color:#f9fafb;border-radius:.5rem;overflow:hidden}.custom-icon{position:absolute;top:.375rem;right:0;width:2rem;height:2rem;transform:rotate(-180deg);stroke:gold;transition:transform .3s ease;pointer-events:none}.custom-container:hover .custom-icon{transform:rotate(0)}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid #737373;color:#171717;font-weight:700;font-size:.875rem;border-radius:.5rem;padding:.625rem;width:100%;outline:none;cursor:pointer}.custom-select:focus{border-color:gold}:root{--yellow: rgb(255, 230, 8);--text-white: #ffffff;--text-light: #fcf7f7}.container{width:100%;min-height:100vh;color:var(--text-white)!important;padding-block:100px 20px;position:relative;display:flex;justify-content:center;overflow:hidden}.loader{position:fixed;width:100vw;height:100vh;display:grid;place-items:center}.blurDivForHiddenHeader{position:fixed;width:100%;height:300px;top:70px;pointer-events:none;z-index:6;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.backgroundDiv{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;background-position:center;background-size:cover}.backgroundDiv:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.movieDetails{display:flex;flex-direction:column;z-index:5;width:80%}.center-text,.error-text{display:grid;place-items:center;margin-top:100px;font-size:clamp(15px,1.2vw,19px)}.error-text{color:red}.movie-header{display:flex;flex-direction:row;align-items:flex-start;width:100%;gap:30px;margin-bottom:60px}.movie-img{min-width:40%}.movie-info{max-width:60%}.poster{width:100%;height:700px;border-radius:12px;box-shadow:0 4px 12px #0003}.movie-info p{color:#fcf7f7;line-height:1.6;font-size:clamp(14px,1.1vw,16px)}.movie-info .movie-title{font-size:40px;font-weight:700}.movie-info .movie-overview{max-width:90%}.dataAndTime{display:flex;gap:5px;margin-bottom:20px;font-size:clamp(13px,1vw,15px)}.genresList{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:20px;gap:5px}.genresList li{background-color:var(--yellow);color:#000;padding:5px 10px;border-radius:5px;font-size:clamp(12px,1vw,14px)}.movie-meta{display:flex;flex-direction:column;gap:10px;font-size:clamp(13px,1vw,15px);color:var(--text-white);margin-top:10px}.section{margin-bottom:100px;width:100%;display:flex;flex-direction:column;gap:30px}.detailsContainer{display:flex;flex-direction:column;width:100%;gap:30px}.section-title{font-size:clamp(24px,3vw,30px);font-weight:700;position:relative;padding-left:10px}.section-title:before{position:absolute;content:"";background-color:var(--yellow);height:80%;width:3px;top:10%;left:0}.section .showMoreBtn{display:flex;align-items:center;justify-content:center;min-width:100px;max-width:fit-content;height:45px;font-size:clamp(14px,1vw,16px);border-radius:5px;cursor:pointer;color:var(--yellow);border:1px solid var(--yellow);background-color:transparent;padding:0 20px;margin-left:50px;transition:.3s ease}.showMoreBtn:hover{background-color:#ffe60833;box-shadow:0 0 20px #ffe60870}.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;padding-left:50px;width:100%}.person{width:fit-content;max-width:100%;height:120px;display:flex;align-items:center;gap:10px;transition:transform .3s ease;color:#fff}.person-image{width:100px;height:100px;object-fit:cover;border-radius:50px;box-shadow:0 0 5px #ffe60888;margin-bottom:8px;transition:scale .2s linear}.person-image:hover{scale:1.05;cursor:pointer}.person-name{font-size:clamp(15px,1.3vw,18px);font-weight:600;margin-bottom:4px;width:fit-content}.noImg{width:100px;height:100px;display:grid;place-items:center;box-shadow:0 0 10px #ffe60888;border-radius:50%}.person-role{font-size:clamp(12px,1vw,14px);color:#e4e2e2;width:fit-content}.cssbuttons-io-button{background:var(--yellow);color:#000;font-family:inherit;width:fit-content;padding:.35em 3.3em .35em 1.2em;font-size:17px;font-weight:500;border-radius:.9em;border:none;letter-spacing:.5px;display:flex;align-items:center;box-shadow:inset 0 0 1.6em -.6em #ffe60888;overflow:hidden;position:relative;height:2.8em;cursor:pointer;margin-top:15px}.cssbuttons-io-button .icon{background:#fff;margin-left:1em;position:absolute;display:flex;align-items:center;justify-content:center;height:2.2em;width:2.2em;border-radius:.7em;box-shadow:0 0 10px #000;right:.3em;transition:all .3s}.cssbuttons-io-button:hover .icon{width:calc(100% - .6em)}.cssbuttons-io-button .icon svg{width:1.3em;transition:transform .3s;color:#000}.cssbuttons-io-button:hover .icon svg{transform:translate(.1em)}.cssbuttons-io-button:active .icon{transform:scale(.95)}p strong{color:var(--yellow);font-size:clamp(14px,1vw,16px)}a{text-decoration:none}@media (max-width: 1300px){.movieDetails{width:90%}.movie-info .movie-title{font-size:35px;font-weight:700}.cssbuttons-io-button{padding-left:15px;font-size:15px;letter-spacing:.3px}}@media (max-width: 768px){.movie-header{flex-direction:column;align-items:flex-start;width:100%;gap:30px}.movie-img{align-self:center;min-width:100%}.movie-info{max-width:100%}.poster{height:600px}.movie-info .movie-title{font-size:32px}.section .showMoreBtn{width:fit-content;height:40px;font-size:13px;padding:0 7px;margin-left:50px}.cssbuttons-io-button{padding-left:10px;font-size:14px;letter-spacing:.3px}}