@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900;9..40,1000&display=swap";.hero{background-image:url(/assets/Hero-7f57c141.png);background-position:center center;background-size:cover;background-repeat:no-repeat;height:600px}.hero .inner_hero{width:85%;margin:0 auto;padding-top:20px}.hero .inner_hero nav{display:flex;align-items:center;justify-content:space-between}.hero .inner_hero nav .left_nav img{width:100%}.hero .inner_hero nav .middle_nav{width:50%}.hero .inner_hero nav .middle_nav .search_box{display:flex;align-items:center;column-gap:20px;border-radius:6px;padding:0 20px;border:2px solid var(--gray-300, #d1d5db)}.hero .inner_hero nav .middle_nav .search_box input{background:transparent;border:none;outline:none;padding:10px;width:100%;color:#fff;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.hero .inner_hero nav .middle_nav .search_box button{border:none;background:transparent;outline:none;cursor:pointer}.hero .inner_hero nav .right_nav{display:flex;align-items:center;column-gap:20px}.hero .inner_hero nav .right_nav p{color:#fff;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.hero .inner_hero .hero_content{display:flex;flex-direction:column;row-gap:20px;margin-top:80px}.hero .inner_hero .hero_content h1{color:#fff;font-family:DM Sans;font-size:48px;font-style:normal;font-weight:700;overflow-y:hidden;width:30%;line-height:56px}.hero .inner_hero .hero_content .rating{display:flex;align-items:center;column-gap:30px}.hero .inner_hero .hero_content .rating p{color:#fff;font-family:DM Sans;font-size:12px;font-style:normal;font-weight:400;width:100%;overflow-y:hidden;line-height:12px}.hero .inner_hero .hero_content .rating .imbd,.hero .inner_hero .hero_content .rating .tomatoes{display:flex;align-items:center;column-gap:15px}.hero .inner_hero .hero_content p{color:#fff;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:500;width:20%;line-height:18px}.hero .inner_hero .hero_content .play{display:flex;align-items:center;column-gap:10px;border-radius:6px;background:var(--rose-700, #be123c);padding:5px 20px;width:fit-content;cursor:pointer}.hero .inner_hero .hero_content .play button{border:none;outline:none;background:transparent;color:var(--white, #fff);font-family:DM Sans;font-size:14px;font-style:normal;font-weight:700;line-height:24px;text-transform:uppercase;cursor:pointer}@media (max-width: 1024px){.hero .inner_hero .hero_content h1,.hero .inner_hero .hero_content p{width:50%}}@media (max-width: 480px){.hero .inner_hero nav{align-items:start;flex-direction:column;row-gap:20px}.hero .inner_hero nav .left_nav img{width:80%}.hero .inner_hero nav .middle_nav{width:100%}.hero .inner_hero nav .right_nav{display:none}.hero .inner_hero .hero_content{text-align:center;align-items:center}.hero .inner_hero .hero_content h1{width:100%;font-size:25px}.hero .inner_hero .hero_content p{width:100%}}.top_movies{width:85%;margin:0 auto;padding:50px 0}.top_movies h1{color:#000;font-family:DM Sans;font-size:36px;font-style:normal;font-weight:700;line-height:normal}.top_movies .top_movies_content{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:20px}.top_movies .top_movies_content a{text-decoration:none}.top_movies .top_movies_content .movies_card img{width:fit-content;height:fit-content}.top_movies .top_movies_content .movies_card .movies_details h1{color:var(--gray-900, #111827);font-family:DM Sans;font-size:18px;font-style:normal;font-weight:700;line-height:normal;margin:10px 0}.top_movies .top_movies_content .movies_card .movies_details p{color:var(--gray-400, #9ca3af);font-family:DM Sans;font-size:12px;font-style:normal;font-weight:700;line-height:normal}@media (max-width: 991px){.top_movies .top_movies_content{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.top_movies .top_movies_content{grid-template-columns:1fr}}footer{display:flex;flex-direction:column;row-gap:30px;padding:50px 0;text-align:center}footer .footer_social{display:flex;align-items:center;column-gap:30px;justify-content:center}footer .footer_social img{width:24px;height:27.429px}footer .footer_nav{display:flex;align-items:center;column-gap:30px;justify-content:center}footer .footer_nav p{color:var(--gray-900, #111827);font-family:DM Sans;font-size:18px;font-style:normal;font-weight:700;line-height:normal}footer .last_footer p{color:var(--gray-500, #6b7280);font-family:DM Sans;font-size:18px;font-style:normal;font-weight:700;line-height:normal}@media (max-width: 480px){footer .footer_nav{flex-direction:column}footer .footer_nav p{font-size:16px}footer .last_footer p{font-size:15px}}.movie_details{width:85%;margin:50px auto}.movie_details .movie_content{display:flex;flex-direction:column;row-gap:20px;margin-top:50px}.movie_details .movie_content img{height:auto;width:50%;border-radius:20px;margin-bottom:20px}.movie_details .movie_content h1{color:#404040;font-family:DM Sans;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.movie_details .movie_content h3{color:#333;font-family:DM Sans;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.movie_details .movie_content span{color:#333;font-family:DM Sans;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.movie_details .movie_content p{color:#333;font-family:DM Sans;font-size:20px;font-style:normal;font-weight:400;line-height:40px}@media (max-width: 480px){.movie_details .movie_content{row-gap:10px}.movie_details .movie_content img{width:100%}.movie_details .movie_content h1{font-size:24px}.movie_details .movie_content h3{font-size:18px}.movie_details .movie_content span{font-size:16px}.movie_details .movie_content p{font-size:14px;line-height:25px}}*{padding:0;margin:0;box-sizing:border-box;overflow-x:hidden}