@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body{
    font-family: 'Poppins', sans-serif !important;
}

.links a{
    padding: 10px;
    font-size: 16px;
}

.links a:hover{
    color:yellow !important;
}

.slide{
    padding: 10px !important;
}

.owl-nav span{
    font-size: 20px !important;
    padding: 0 10px;
}

.movie-name{
    font-weight: 490 !important;
}

.card-title span{
    font-size: 18px !important;
}

.premiere-container{
    background-color: #2b3148;
}
.premiere-card{
    background-color: #2b3148 !important; 
}

.boxes{
    background-color: #fff;
    width: fit-content;
    height: fit-content;
    border-radius: 5px;
    float: left;
}

.boxes a{
    text-decoration: none;
}

.trending-div{
    background-color: #e7e7e7;
    padding: 10px;
}

.footer-pagination{
    background-color: #e7e7e7;
}

.contact-footer{
    background-color:#404043;
    border-radius: 10px;
    margin-bottom: 20px !important;
}

#icon-callcenter{
    height: 70px;
    fill: rgb(198, 198, 199);
}

@media only screen and (max-width:576px){
    .footer-card{
        width: 100%;
    }
}

.footer-card-link{
    color: #fff !important;
    font-size: 11px;
    border-bottom: 2px solid #fff !important;
}

.movie-title{
    padding: 10px;
}
.movie-title a{
    color: #fff !important;
    text-decoration: none;
}

#social-btn{
    height: 40px !important;
    margin: 5px;
    color: #fff;
    cursor: pointer;
    fill: rgb(93, 93, 95);
}

#social-btn:hover{
    fill: rgb(255, 255, 255);
}

.dropdown-city{
    display: flex;
    justify-content: end;
    align-items:end;
}

.img-modal{
    width: 85px;
}

/* css for slide menu  */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition:ease 0.6s;
    z-index: 99;
  }
  
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    display: block;
    transition: 0.6s;
  }
  
  .sidenav a:hover {
    color: #000000;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }
/* css for slide menu  */

@media only screen and (max-width:768px){
    .header{
        display: none !important;
    }
    .second-nav{
        display: none;
    }
    .movie-div{
        display: none;
    }
}

.nav-mobile{
    background-color: #2e3147;
}

@media only screen and (min-width:768px){
    .nav-mobile{
        display: none;
    }
    .booknow-button-mobile{
        display: none;
    }
    .mobile{
        display: none;
    }
}


.movie-div{
    background:linear-gradient(to right, rgb(34, 34, 34, 1.0), rgba(209, 1, 1, 0)), url(../images/kgf-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover; 
}

.movie-poster , .movie-poster img{
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.poster-body{
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.review{
    background-color: rgba(51, 51, 51, 1);
    border-radius: 10px;
}

@media only screen and (max-width:1044px){
    .card{
        width: 11.5rem !important;
    }
}

.resolution-types, .languages{
    width: max-content;
}

.resolution-types a:hover, .languages a:hover{
    text-decoration:underline !important;
}

.time-and-category li a:hover{
    text-decoration: underline !important;
}

.label{
    border: 1px solid gray !important;
    border-radius: 10px;
    padding: 8px 0 8px 6px;
}

.label label{
    background-color:#e7e7e7;
    color: #000000;
    padding: 6px !important;
}

.trailer{
    top: 35%;
    left: 35%;
}

.trailer label{
    background-color: #2e3147 !important;
    border-radius: 15px;
}

.booknow-button-mobile{
    z-index: 999;
}

.privacy-message{
    background-color: #f2f2f2;
}

@media only screen and (max-width: 1044px){
    .card{
        width: auto !important;
    }
}