:root{--rich-black-fogra-29: hsl(225, 25%, 9%);--rich-black-fogra-39: hsl(170, 21%, 5%);--raisin-black: hsl(228, 13%, 15%);--eerie-black: hsl(207, 19%, 11%);--light-gray: hsl(0, 3%, 80%);--gunmetal-1: hsl(229, 15%, 21%);--gunmetal-2: hsl(216, 22%, 18%);--gainsboro: hsl(0, 7%, 88%);--citrine: hsl(57, 97%, 45%);--xiketic: hsl(253, 21%, 13%);--gray-x: hsl(0, 0%, 74%);--white: hsl(0, 100%, 100%);--black: hsl(0, 0%, 0%);--jet: hsl(0, 0%, 20%);--ff-poppins: "Poppins", sans-serif;--fs-1: 36px;--fs-2: 32px;--fs-3: 30px;--fs-4: 24px;--fs-5: 20px;--fs-6: 18px;--fs-7: 16px;--fs-8: 15px;--fs-9: 14px;--fs-10: 13px;--fs-11: 12px;--fs-12: 11px;--fw-500: 500;--fw-700: 700;--transition-1: .15s ease;--transition-2: .25s ease-in;--section-padding: 100px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin}li{list-style:none}a{text-decoration:none}a,img,span,input,button,svg{display:block}input{font:inherit;width:100%;border:none}select,button{font:inherit;background:none;border:none;cursor:pointer}html{font-family:var(--ff-poppins);scroll-behavior:smooth}body{background:var(--eerie-black)}body.active{overflow:hidden}.container{padding-inline:15px}.h1,.h2,.h3{color:var(--white);line-height:1.2}.h1{font-size:var(--fs-1)}.h2{font-size:var(--fs-2)}.h3{font-size:var(--fs-6)}.section-subtitle{color:var(--citrine);font-size:var(--fs-11);font-weight:var(--fw-500);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;text-align:center}.section-title{text-align:center}.badge{color:var(--white);font-size:var(--fs-12);font-weight:var(--fw-700);border:2px solid transparent;padding:2px 10px}.badge-fill{background:var(--white);color:var(--raisin-black)}.badge-outline{border-color:var(--white)}.meta-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:15px 25px;margin-bottom:50px}.badge-wrapper,.ganre-wrapper,.date-time{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px}.ganre-wrapper>a{color:var(--gainsboro);font-size:var(--fs-9);font-weight:var(--fw-500);transition:var(--transition-1)}.ganre-wrapper>a:is(:hover,:focus){color:var(--citrine)}.date-time{gap:15px}.date-time>div{display:flex;align-items:center;gap:5px;color:var(--gainsboro);font-size:var(--fs-9);font-weight:var(--fw-500)}.date-time svg{color:var(--citrine)}.btn{color:var(--white);font-size:var(--fs-11);font-weight:var(--fw-700);text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:10px;padding:16px 30px;border:2px solid var(--citrine);border-radius:50px;transition:var(--transition-1)}.btn>svg{font-size:18px}.btn-primary{background:var(--rich-black-fogra-29)}.btn-primary:is(:hover,:focus){background:var(--citrine);color:var(--xiketic)}.movies-list{display:grid;gap:50px}.movie-card{height:100%;display:flex;flex-direction:column;justify-content:space-between}.movie-card .card-banner{position:relative;background:var(--gunmetal-1);aspect-ratio:2 / 3;border-radius:6px;overflow:hidden;margin-bottom:20px;transition:var(--transition-1)}.movie-card .card-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transition:var(--transition-1)}.movie-card .card-banner:hover{box-shadow:0 1px 2px #00000080}.movie-card .card-banner:hover:after{background:#ffffff0d}.movie-card .card-banner img{width:100%;height:100%;object-fit:cover}.movie-card .title-wrapper{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}.movie-card .card-title{color:var(--white);font-size:var(--fs-7);transition:var(--transition-1)}.movie-card .card-title:is(:hover,:focus){color:var(--citrine)}.movie-card .title-wrapper time{color:var(--citrine);font-size:var(--fs-9);font-weight:var(--fw-500)}.movie-card .card-meta{display:flex;justify-content:flex-start;align-items:center;gap:15px}.movie-card .badge{color:var(--citrine)}.movie-card .duration{margin-left:auto}.movie-card :is(.duration,.rating){display:flex;align-items:center;gap:5px;color:var(--gainsboro);font-size:var(--fs-11);font-weight:var(--fw-500)}.movie-card :is(.duration,.rating) svg{color:var(--citrine)}.movies-list.has-scrollbar{display:flex;justify-content:flex-start;gap:30px;overflow-x:auto;scroll-snap-type:inline mandatory;padding-bottom:25px}.has-scrollbar::-webkit-scrollbar{height:8px}.has-scrollbar::-webkit-scrollbar-track{background:transparent;box-shadow:0 0 0 2px var(--citrine);border-radius:10px}.has-scrollbar::-webkit-scrollbar-thumb{background:var(--gainsboro);border-radius:10px;box-shadow:inset 0 1px 0 var(--black),inset 0 -1px 0 var(--black)}.header{position:fixed;top:0;left:0;width:100%;padding-block:25px;transition:var(--transition-2);z-index:4}.header.active{background:var(--eerie-black);padding-block:20px}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{color:var(--white);font-size:1.5rem;font-weight:700}.header-actions{display:none}.menu-open-btn{color:var(--white);font-size:40px}.navbar{position:fixed;top:0;right:-300px;background:var(--eerie-black);width:100%;max-width:300px;height:100%;box-shadow:-1px 0 3px #0003;transition:.15s ease-in;visibility:hidden;z-index:3}.navbar.active{right:0;visibility:visible;transition:.25s ease-out}.navbar-top{padding:30px 25px;display:flex;justify-content:space-between;align-items:center}.menu-close-btn{color:var(--white);font-size:25px;padding:5px}.navbar-list{border-top:1px solid hsla(0,0%,100%,.1);margin-bottom:30px}.navbar-link{color:var(--white);font-size:var(--fs-8);font-weight:var(--fw-500);padding:10px 25px;border-bottom:1px solid hsla(0,0%,100%,.1);transition:var(--transition-1)}.navbar-link:is(:hover,:focus){color:var(--citrine)}.navbar-social-list{display:flex;justify-content:center;align-items:center;gap:20px}.navbar-social-link{font-size:20px;color:var(--white);transition:var(--transition-1)}.navbar-social-link:is(:hover,:focus){color:var(--citrine)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#171d21cc;opacity:0;pointer-events:none;z-index:1;transition:var(--transition-2)}.overlay.active{opacity:1;pointer-events:all}.hero{background:url(/assets/hero-bg-DFhK00DS.jpg) no-repeat;background-size:cover;background-position:top;min-height:750px;height:100vh;max-height:1000px;display:flex;justify-content:flex-start;align-items:center;padding-block:var(--section-padding)}.hero-content{margin-top:60px}.hero-subtitle{color:var(--citrine);font-size:var(--fs-4);font-weight:var(--fw-700);margin-bottom:10px}.hero-title{margin-bottom:30px}.hero-title>strong{color:var(--citrine)}.upcoming{background:url(/assets/upcoming-bg-D4B9eH7k.png) no-repeat;background-size:cover;background-position:center;padding-block:var(--section-padding)}.upcoming .flex-wrapper{margin-bottom:50px}.upcoming .section-title{margin-bottom:30px}.filter-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.upcoming .filter-btn{color:var(--white);background:var(--raisin-black);font-size:var(--fs-11);font-weight:var(--fw-500);border:2px solid var(--gunmetal-1);padding:12px 26px;border-radius:50px}.upcoming .filter-btn:focus{border-color:var(--citrine)}.upcoming .movies-list>li{min-width:100%;scroll-snap-align:start}.service{background:url(/assets/service-bg-BuxUDNeb.jpg) no-repeat;background-size:cover;background-position:center;padding-block:var(--section-padding)}.service-banner{position:relative;margin-bottom:50px;max-width:max-content}.service-banner img{width:100%}.service-btn{position:absolute;bottom:0;right:86px;background:var(--citrine);color:var(--rich-black-fogra-29);font-size:var(--fs-11);text-transform:uppercase;font-weight:var(--fw-500);letter-spacing:5px;display:flex;align-items:center;gap:5px;transform:rotate(.25turn);transform-origin:bottom right;padding:28px 35px;border-radius:6px}.service-btn svg{font-size:30px;transform:rotate(-.25turn)}.service-subtitle{position:relative;color:var(--gainsboro);font-size:var(--fs-11);font-weight:var(--fw-500);text-transform:uppercase;letter-spacing:1px;padding-left:50px;margin-bottom:10px}.service-subtitle:before{content:"";position:absolute;top:7px;left:0;width:40px;height:3px;background:var(--citrine)}.service-title{margin-bottom:20px}.service-text,.service-card .card-text{color:var(--gray-x);font-size:var(--fs-9);font-weight:var(--fw-500);line-height:1.8}.service-text{margin-bottom:40px}.service-list>li:first-child{padding-bottom:20px;border-bottom:1px dashed hsla(0,0%,100%,.1);margin-bottom:30px}.service-card .card-icon{color:var(--white);width:85px;height:85px;display:grid;place-items:center;font-size:40px;border-radius:50%;outline:1px dashed var(--citrine);outline-offset:5px;margin:5px 5px 20px;transition:var(--transition-2)}.service-card:hover .card-icon{background:var(--citrine)}.service-card .card-title{margin-bottom:10px}.top-rated{background:url(/assets/top-rated-bg-6Ji70v28.jpg) no-repeat;background-size:cover;background-position:center;padding-block:var(--section-padding)}.top-rated .section-title{margin-bottom:50px}.top-rated .filter-list{gap:15px;margin-bottom:50px}.top-rated .filter-btn{position:relative;background:var(--rich-black-fogra-39);color:var(--light-gray);font-size:var(--fs-10);font-weight:var(--fw-700);text-transform:uppercase;padding:17px 25px;border-radius:4px;box-shadow:inset 0 3px 7px #000c}.top-rated .filter-btn:focus{color:var(--citrine);text-shadow:0 3px 25px hsla(57,97%,45%,.5)}.top-rated .filter-btn:focus:before,.top-rated .filter-btn:focus:after{content:"";position:absolute;top:50%;transform:translateY(-50%);background:var(--citrine);width:2px;height:15px}.top-rated .filter-btn:focus:before{left:0}.top-rated .filter-btn:focus:after{right:0}.tv-series{background:url(/assets/tv-series-bg-DRf-2ALw.jpg) no-repeat;background-size:cover;background-position:center;padding-block:var(--section-padding)}.tv-series .section-title{margin-bottom:50px}.cta{background:url(/assets/cta-bg-CAbwZwRI.jpg) no-repeat;background-size:cover;background-position:center;text-align:center;padding-block:50px}.cta .title-wrapper{margin-bottom:25px}.cta-title{color:var(--eerie-black);font-size:var(--fs-3);text-transform:uppercase;line-height:1.2;margin-bottom:5px}.cta-text{color:var(--eerie-black);font-size:var(--fs-9);font-weight:var(--fw-500);line-height:1.8}.cta .email-field{color:var(--eerie-black);font-size:var(--fs-9);padding:18px 32px;border-radius:4px;box-shadow:0 3px 4px #0003;margin-bottom:15px}.cta-form-btn{background:var(--eerie-black);color:var(--citrine);font-size:var(--fs-9);font-weight:var(--fw-700);text-transform:uppercase;letter-spacing:1px;border:2px solid var(--eerie-black);padding:15px 34px;border-radius:4px;margin-inline:auto;transition:var(--transition-1)}.cta-form-btn:is(:hover,:focus){background:var(--citrine);color:var(--eerie-black)}.footer-top{background:url(/assets/footer-bg-BiDdjaP_.jpg) no-repeat;background-size:cover;background-position:center;padding-block:80px 50px}.footer-brand-wrapper .logo{width:max-content;margin-inline:auto;margin-bottom:60px}.footer-list,.quicklink-list,.social-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px}.footer-link{color:var(--light-gray);font-size:var(--fs-9);font-weight:var(--fw-700);text-transform:uppercase;padding:5px 15px;transition:var(--transition-1)}:is(.footer-link,.quicklink-link,.social-link):is(:hover,:focus){color:var(--citrine)}.divider{height:4px;margin-block:40px;border-top:1px solid var(--rich-black-fogra-29);border-bottom:1px solid hsla(0,0%,100%,.1)}.quicklink-list{margin-bottom:20px}.quicklink-link{color:var(--gray-x);font-size:var(--fs-10);font-weight:var(--fw-500);text-transform:uppercase;padding:2px 10px;transition:var(--transition-1)}.social-list{column-gap:10px}.social-link{background:var(--rich-black-fogra-29);color:var(--gray-x);font-size:14px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 4px 8px #00000040;transition:var(--transition-1)}.footer-bottom{padding-block:25px}.copyright{color:var(--gray-x);font-size:var(--fs-10);font-weight:var(--fw-500);line-height:1.7;text-align:center;margin-bottom:15px}.copyright>a{display:inline-block;color:var(--citrine)}.footer-bottom-img{max-width:max-content;width:100%;margin-inline:auto}.go-top{position:fixed;bottom:20px;right:20px;background:var(--citrine);color:var(--eerie-black);width:50px;height:50px;display:grid;place-items:center;border-radius:50%;box-shadow:0 1px 3px #00000080;opacity:0;visibility:hidden;transition:var(--transition-2);z-index:2}.go-top.active{opacity:1;visibility:visible}@media (min-width: 550px){:root{--fs-1: 42px}.container{max-width:540px;margin-inline:auto}.movies-list{grid-template-columns:1fr 1fr;gap:60px 30px}.hero{min-height:unset}.hero-content{margin-top:20px}.upcoming .movies-list>li{min-width:calc(50% - 15px)}.service-list>li:first-child{padding-bottom:30px}.service-card{display:flex;align-items:center;gap:20px}.service-card .card-icon{margin-bottom:0}.service-card .card-content{width:calc(100% - 115px)}}@media (min-width: 768px){:root{--fs-2: 36px}.container{max-width:720px}.header .container{gap:30px}.header-actions{display:flex;margin-left:auto;align-items:center;gap:35px}.header-actions .btn-primary{display:none}.search-btn{position:relative;color:var(--white)}.search-btn:after{content:"";position:absolute;top:1px;right:-20px;background:#ffffff1a;width:2px;height:14px}.lang-wrapper{display:flex;align-items:center;gap:5px}.lang-wrapper label{color:var(--citrine);font-size:20px}.lang-wrapper select{color:var(--white);font-size:var(--fs-9);font-weight:var(--fw-700)}.lang-wrapper option{color:var(--black)}.hero-content{margin-top:90px}.service-btn{right:-20px;padding:40px 50px}.service-content{padding-inline:40px}.cta-form{position:relative;max-width:530px;margin-inline:auto}.cta .email-field{margin-bottom:0}.cta-form-btn{position:absolute;top:2px;right:2px;bottom:2px}.footer-brand-wrapper .logo{margin:0}.footer-brand-wrapper,.quicklink-wrapper,.footer-bottom .container{display:flex;justify-content:space-between;align-items:center}.quicklink-list,.copyright{margin-bottom:0}.footer-bottom-img{margin-inline:0}}@media (min-width: 992px){.container{max-width:960px}.movies-list{grid-template-columns:repeat(3,1fr)}.header.active{padding-block:5px}.menu-open-btn,.navbar-top,.navbar-social-list{display:none}.navbar{all:unset;margin-left:auto}.header-actions{order:1;margin-left:0}.navbar-list{all:unset;display:flex;align-items:center;gap:10px}.navbar-link{border-bottom:none;font-size:var(--fs-9);font-weight:var(--fw-700);text-transform:uppercase;padding:30px 15px}.overlay{display:none}.hero{background-position:right}.hero .container{width:950px}.hero-content{margin-top:100px;max-width:600px}.upcoming .flex-wrapper{display:flex;justify-content:space-between;align-items:center}.upcoming :is(.section-subtitle,.section-title){text-align:left}.upcoming .section-title{margin-bottom:0}.upcoming .movies-list>li{min-width:calc(33.33% - 20px)}.service .container{display:flex;justify-content:space-between;align-items:center;gap:70px}.service-content{padding-inline:0;width:calc(100% - 470px)}.service-banner{margin-bottom:0}.service-btn{right:111px}.cta{text-align:left}.cta .container{display:flex;justify-content:space-between;align-items:center}.cta .title-wrapper{margin-bottom:0;width:100%}.cta-form{margin-inline:0;max-width:unset;width:100%}}@media (min-width: 1200px){:root{--fs-1: 60px;--fs-4: 26px}.container{max-width:1320px}.movies-list{grid-template-columns:repeat(4,1fr)}.navbar{margin-inline:auto}.header-actions .btn-primary{display:block;--fs-11: 14px;padding:10px 35px;letter-spacing:1px}.hero .container{width:1320px}.upcoming .movies-list>li{min-width:calc(25% - 22.5px)}.service-content{width:calc(100% - 700px)}.service-btn{right:-20px}.service-list,.service-title{max-width:480px}.cta .container{max-width:1150px}}