@import"https://fonts.googleapis.com/css2?family=Poppins:ital@1&display=swap";strapi password c4YCwe9qRv8dYMC :root{--clr-primary-1: hsl(205, 86%, 17%);--clr-primary-2: hsl(205, 77%, 27%);--clr-primary-3: hsl(205, 72%, 37%);--clr-primary-4: hsl(205, 63%, 48%);--clr-primary-5: #49a6e9;--clr-primary-6: hsl(205, 89%, 70%);--clr-primary-7: hsl(205, 90%, 76%);--clr-primary-8: hsl(205, 86%, 81%);--clr-primary-9: hsl(205, 90%, 88%);--clr-primary-10: hsl(205, 100%, 96%);--clr-grey-1: hsl(209, 61%, 16%);--clr-grey-2: hsl(211, 39%, 23%);--clr-grey-3: hsl(209, 34%, 30%);--clr-grey-4: hsl(209, 28%, 39%);--clr-grey-5: hsl(210, 22%, 49%);--clr-grey-6: hsl(209, 23%, 60%);--clr-grey-7: hsl(211, 27%, 70%);--clr-grey-8: hsl(210, 31%, 80%);--clr-grey-9: hsl(212, 33%, 89%);--clr-grey-10: hsl(210, 36%, 96%);--clr-white: #fff;--clr-red-dark: hsl(360, 67%, 44%);--clr-red-light: hsl(360, 71%, 66%);--clr-green-dark: hsl(125, 67%, 44%);--clr-green-light: hsl(125, 71%, 66%);--clr-gold: #c59d5f;--clr-black: #222;--ff-primary: "Roboto", sans-serif;--ff-secondary: "Open Sans", sans-serif;--transition: all .3s linear;--spacing: .25rem;--radius: .5rem;--light-shadow: 0 5px 15px rgba(0, 0, 0, .1);--dark-shadow: 0 5px 15px rgba(0, 0, 0, .2);--max-width: 1170px;--fixed-width: 620px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,sans-serif;background:var(--clr-grey-10);color:var(--clr-grey-1);line-height:1.5;font-size:.875rem}ul{list-style-type:none}a{text-decoration:none}img:not(.logo){width:100%}img{display:block}h1,h2,h3,h4{letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;margin-bottom:.75rem;font-family:var(--ff-primary)}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{margin-bottom:1.25rem;color:var(--clr-grey-5)}@media screen and (min-width: 800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4,body{font-size:1rem}h1,h2,h3,h4{line-height:1}}.booking-btn{text-align:center;margin-top:50px}.btn-primary{background:black;color:#fff;padding:.775rem 1.5rem;text-transform:uppercase;letter-spacing:var(--spacing);display:inline-block;font-weight:400;transition:var(--transition);font-size:.875rem;border:2px solid transparent;border-radius:12px;cursor:pointer;box-shadow:0 1px 3px #0003}.btn-primary:hover{background:var(--clr-white);color:var(--clr-black);border-color:var(--clr-white)}.fixed{position:fixed;top:0;left:0;width:100%;height:100%;padding:0 20px;opacity:.9;z-index:1;display:flex;justify-content:center;align-items:center;background:black}.contentWrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.image-with-hover-container{position:relative;display:inline-block}.image-with-hover-container:hover .image-with-hover-img{transform:scale(1.1)}.image-with-hover-img{display:block;width:100%;border-radius:12px;transition:transform .3s ease-in-out}.image-with-hover-img:hover{transform:scale(1.1)}.image-with-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000b3;color:#fff;opacity:0;transition:opacity 1s ease-in-out}.image-with-hover-overlay:hover{opacity:1;transform:scale(1.1);border-radius:12px}.image-with-hover-name{font-size:1.5rem;margin-bottom:1rem}.image-with-hover-button{padding:.5rem 1rem;background-color:#fff;color:#000;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.circleRating{position:absolute;bottom:-10px;right:-10px;width:3rem;height:3rem;border-radius:50%;background-color:#f65261;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem}img{height:100%}.circleRating{background-color:#000;border-radius:50%;padding:2px}.circleRating .CircularProgressbar-text{font-size:30px!important;font-weight:800!important}.circleRating .CircularProgressbar-trail{stroke:transparent!important}.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}.loader{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;font-size:2rem}.movie-card-wrapper{background-color:#f5f5f5;padding:50px;border-radius:10px;box-shadow:0 0 10px #0003}.movie-card-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 868px){.movie-card-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 680px){.movie-card-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.movie-card-container{grid-template-columns:repeat(1,1fr)}}.header{position:relative;transform:translateY(0);width:100%;height:60px;z-index:1;background-color:#000;box-shadow:0 0 10px #00000080;display:flex;margin:0 auto;padding:20px;align-items:center;justify-content:space-between;transition:all ease .5s;z-index:2}.header.top{background:rgba(0,0,0,.25);backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px)}.header.show{background-color:var(--black3)}.header.hide{transform:translateY(-60px)}.header .contentWrapper{display:flex;align-items:center;justify-content:space-between}.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: 768px){.header .menuItems{display:flex}}.header .menuItems .menuItem{height:60px;display:flex;align-items:center;margin:0 15px;color:#fff;font-weight:500;position:relative;cursor:pointer}.header .menuItems .menuItem.searchIcon{margin-right:0}.header .menuItems .menuItem svg{font-size:18px}.header .menuItems .menuItem:hover{color:var(--pink)}.header .mobileMenuItems{display:flex;align-items:center;gap:20px}@media only screen and (min-width: 768px){.header .mobileMenuItems{display:none}}.header .mobileMenuItems svg{font-size:18px;color:#fff}.header.mobileView{background:black;opacity:.95}.header.mobileView .menuItems{display:flex;position:absolute;top:60px;left:0;background:black;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%;padding:0 20px;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}.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: 768px){.header .searchBar .searchInput input{height:60px;font-size:20px;padding:0 30px}}@keyframes mobileMenu{0%{transform:translateY(-130%)}to{transform:translateY(0)}}.ajay{max-width:1200px;display:flex;width:100%;margin:0 auto;justify-content:space-between;align-items:center}.detail-banner{position:relative}.detail-banner .bg-img{width:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;height:100%;opacity:.8}.opac{background:linear-gradient(180deg,rgba(50,58,120,.5) 0%,rgb(50,58,120) 100%);opacity:.9;position:absolute;bottom:0;left:0;width:100%;height:100%}.detail-banner-items{z-index:1;display:flex;padding:20px;flex-direction:column;width:100%;gap:20px}@media only screen and (min-width: 768px){.detail-banner-items{padding:50px;flex-direction:row;align-items:center}}.detail-banner-items .movie-img-container{position:relative;width:100%;min-width:300px;z-index:1;float:left;height:25rem;margin-right:20px}@media only screen and (min-width: 768px){.detail-banner-items .movie-img-container{width:25%;height:100%}}.detail-banner-items .movie-img-container img{width:100%;object-fit:cover;border-radius:20px;box-shadow:0 0 20px #00000080}.detail-banner-items .movie-img-container .opac1{opacity:.9;position:absolute;left:0;border-radius:20px;bottom:0;width:100%;height:30%;z-index:1;background:linear-gradient(180deg,rgba(50,58,120,0) 0%,rgba(50,58,120,.9) 100%)}.detail-banner-items .movie-detail-container{color:#fff;width:100%;padding:20px;z-index:1}@media only screen and (min-width: 768px){.detail-banner-items .movie-detail-container{width:100%}}.detail-banner-items .movie-detail-container .title{font-size:40px;font-weight:700;margin-bottom:20px}.detail-banner-items .movie-detail-container h2{margin:20px 0 10px}.detail-banner-items .movie-detail-container .des{font-size:14px;line-height:2;font-weight:500;margin-bottom:20px}.genres{display:flex;gap:10px;margin-bottom:20px}.genre-btn{background:#fff;border-radius:20px;padding:10px 30px;font-size:12px;font-weight:500;color:#000;border:none;cursor:pointer}.genre-btn:hover{background:#000;color:#fff}.rating{display:flex;margin-bottom:20px;align-items:baseline}.rating .rating-value{font-size:20px;font-weight:700;margin-right:10px}.rating .rating-total{font-size:14px;font-weight:500;color:#fff}.booking-form{padding:50px 0;display:flex;align-items:center;z-index:999;justify-content:center;align-content:center;flex-direction:column}.form{display:flex;align-items:center;justify-content:center;align-content:center;flex-direction:column;width:100%;max-width:500px;padding:.375rem .75rem;border:1px solid grey;box-shadow:0 0 10px #00000080;border-radius:20px}.booking-form-movie-title{font-size:1.8em;font-weight:600;color:#fff;text-transform:capitalize;margin-bottom:1rem;box-shadow:0 0 10px #00000080;padding:20px;border-radius:20px}.booking-form-movie-title:after{content:"";display:block;width:100%;height:2px;background-color:#fff;margin-top:10px}.form-container{width:100%;padding:50px;box-shadow:0 0 10px #00000080;position:relative}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;text-transform:capitalize;font-size:1rem;color:#fff;letter-spacing:3px;font-weight:600}.form-control{width:100%;max-width:500px;padding:.375rem .75rem;border:1px solid grey;border-radius:.25rem;color:#000;letter-spacing:3px;font-size:1rem;text-transform:capitalize;line-height:1.25}.submit{margin-top:1rem;width:100%;max-width:500px;padding:.375rem .75rem;border:1px solid grey;border-radius:.25rem;color:#000;letter-spacing:3px;font-size:1rem;text-transform:capitalize;line-height:1.25;background-color:#fff;cursor:pointer;margin-bottom:20px}.close-btn{z-index:999;color:#fff;position:absolute;top:0;right:0;margin:20px;font-size:1.5em;cursor:pointer}