/* ==========================================
   QAUSAINFLIX PREMIUM UI V1
========================================== */


/* HERO CINEMATIC */





.main-banner .movie-info {
    max-width:620px;
    padding-bottom:120px;
}




.main-banner .btn-primary {
    border-radius:30px;
    padding:14px 32px;
    font-weight:700;
}


/* PREMIUM MOVIE CARDS */

.iq-card.card-hover {
    transition:
    transform .4s ease,
    box-shadow .4s ease;
}


.iq-card.card-hover:hover {

    transform:
    translateY(-12px)
    scale(1.03);

    box-shadow:
    0 25px 60px rgba(0,0,0,.45);
}


.iq-card.card-hover .image-box {
    border-radius:18px;
    overflow:hidden;
}


.ratting-value {
    backdrop-filter:blur(10px);
    background:rgba(0,0,0,.65);
    border-radius:20px;
    padding:6px 12px;
}

/* =====================================================
   QAUSAINFLIX PREMIUM HEADER V2
===================================================== */



.iq-navbar .navbar-brand:hover img {

    transform:scale(1.05);

}


.iq-navbar .nav-link {

    color:
    rgba(255,255,255,.80) !important;

    font-weight:600;

    transition:.3s ease;

}


.iq-navbar .nav-link:hover {

    color:#FE6721 !important;

}


.search-input-wrapper {

    background:
    rgba(255,255,255,.08);

    border:
    1px solid rgba(255,255,255,.12);

    border-radius:30px;

    backdrop-filter:blur(12px);

}


.iq-navbar .btn-primary,
.iq-navbar .btn-warning {

    border-radius:30px !important;

    padding:10px 22px !important;

    font-weight:700;

    background:
    linear-gradient(
        135deg,
        #6A2AEF,
        #FE6721
    ) !important;

    border:none !important;

}


.header-notification .btn-icon {

    background:
    rgba(255,255,255,.08);

    border-radius:50%;

}


/* ===============================
 QAUSAINFLIX HEADER PREMIUM V2
================================ */







/* menu */

.navbar-nav .nav-link {

    font-size:15px !important;

    font-weight:600 !important;

    letter-spacing:.3px;

    color:#eee !important;

}


.navbar-nav .nav-link:hover {

    color:#ff6b35 !important;

}


/* subscribe */

.subscribe-btn,
.btn-warning {

    background:
    linear-gradient(
        135deg,
        #ff8a00,
        #ff3d00
    ) !important;


    border:none !important;

    border-radius:30px !important;

    box-shadow:
    0 8px 25px rgba(255,100,0,.35);

}



/* hero */

.banner-image {

    filter:
    brightness(.65);

}


.hero-detail {
    padding-top:120px !important;
}





.play-button {

    background:
    linear-gradient(
    135deg,
    #7b2cff,
    #ff6b35
    ) !important;

    border-radius:50px !important;

    padding:14px 35px !important;

}


/* cards */

.movie-card {

    transition:.3s ease;

}


.movie-card:hover {

    transform:
    translateY(-8px);

}
.iq-navbar .navbar-brand {
    display:flex !important;
    align-items:center;
}




.iq-navbar .container-fluid {
    padding-top:10px;
    padding-bottom:10px;
}






.main-banner .slick-item::after {
    background-image:
    linear-gradient(
        90deg,
        rgba(0,0,0,.85),
        rgba(0,0,0,.35) 55%,
        rgba(0,0,0,.15)
    );
}

.navbar-brand,
.iq-navbar .navbar-brand {
    display:flex !important;
    align-items:center !important;
    visibility:visible !important;
    opacity:1 !important;
}

.navbar-brand img {
    display:block !important;
}





/* =================================
   QAUSAINFLIX LOGO FIX
================================= */

.logo-default {
    display:flex !important;
    align-items:center !important;
}

.logo-default .navbar-brand {
    display:flex !important;
    align-items:center !important;
    padding:0 !important;
}

.logo-default img.logo {
    width:150px !important;
    max-width:none !important;
    height:auto !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
}




/* Netflix style hero */
.main-banner .slick-item {
    min-height:88vh;
}

.main-banner h4 {
    font-size:64px !important;
    font-weight:800 !important;
    line-height:1.1;
    letter-spacing:-1px;
    text-shadow:0 5px 25px rgba(0,0,0,.8);
}

.main-banner .movie-info p {
    max-width:520px;
    color:rgba(255,255,255,.75);
}

body {
    padding-top:0;
}

@media (max-width:768px){

    .iq-navbar {
        min-height:70px;
    }

    .main-banner h4 {
        font-size:36px !important;
    }

    .main-banner .movie-info {
        padding-top:70px;
        padding-bottom:60px;
    }

    .logo-default img.logo {
        width:120px !important;
    }

}


/* GLOBAL BUTTON COLOR */
.iq-navbar .btn-primary,
.iq-navbar .btn-warning,
.subscribe-btn {
    color:#fff !important;
}


/* NETFLIX STYLE HERO */
.main-banner {
    margin-top:-80px;
}