.section-py {
    padding: 4rem 0
}

@media(max-height: 700px) {
    .section-py {
        padding:4rem 0
    }
}

@media(max-height: 500.98px) {
    .section-py {
        padding:3rem 0
    }
    
}

.first-section-pt {
    padding-top: 5rem
}
    
@media (max-width: 991.98px) {
	.navbar-collapse .nav-item {
		margin: 10px 0px;
	}
}
@media(max-width: 1199.98px) {
    .first-section-pt {
        padding-top:4.5rem
    }
}

.card[class*=card-hover-border-] {
    transition: all .2s ease-in-out
}

.banner-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: left;
    z-index: -1
}

.bg-icon-left,.bg-icon-right {
    position: relative
}

.bg-icon-left::before,.bg-icon-right::before {
    position: absolute;
    display: block;
    top: 0
}

.bg-icon-left::before {
    left: 0
}

@media(max-width: 575.98px) {
    .bg-icon-left::before {
        left:.625rem
    }
}

.bg-icon-right::before {
    right: 0
}

@media(max-width: 575.98px) {
    .bg-icon-right::before {
        right:.625rem
    }
}

.dropdown-toggle::after {
    margin-top: -0.28em;
    width: .42em;
    height: .42em;
    border: 1px solid !important;
    border-top: 0 !important;
    border-left: 0 !important;
    transform: rotate(45deg)
}

.dark-style body {
    background-color: #30334e
}

.dark-style .landing-light-mode {
    display: none
}

.dark-style .landing-dark-mode {
    display: block
}

nav.layout-navbar {
    backdrop-filter: unset !important;
    height: auto !important;
    z-index: 999 !important
}

.navbar.landing-navbar {
    box-shadow: none;
    transition: all .2s ease-in-out;
    transform: unset !important;
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-bottom-right-radius: .625rem;
    border-bottom-left-radius: .625rem
}

.navbar.landing-navbar .navbar-nav .nav-link {
    padding: .5rem .8375rem
}

.global-notification-panel {
    width: min(380px, calc(100vw - 2rem));
    max-height: calc(100dvh - 6rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 2000;
}

.global-notification-preview-list {
    min-height: 0;
    overflow-y: auto;
    flex: 1 1 auto;
}

@media (max-width: 991.98px) {
    .global-notification-panel {
        position: fixed !important;
        top: var(--notification-panel-top, 5rem) !important;
        bottom: 1rem;
        left: 1rem !important;
        width: auto;
        max-height: none;
        margin-top: 0 !important;
    }

    html:not([dir="rtl"]) .global-notification-panel.end-0 {
        right: 1rem !important;
    }
}

@media(max-width: 1199.98px) {
    .navbar.landing-navbar .navbar-nav .nav-link {
        padding-left:.5rem;
        padding-right: .5rem
    }
}

.navbar.landing-navbar .navbar-nav .nav-link .menu-icon,.navbar.landing-navbar .navbar-nav .nav-link .menu-icon::before {
    font-size: .5rem
}

@media(min-width: 992px) {
    .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu {
        max-width:1300px;
        inset-inline-start: 50% !important;
        transform: translateX(-50%);
        top: 100%
    }
}

@media(max-width: 991.98px) {
    .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu {
        background:rgba(0,0,0,0);
        box-shadow: none;
        border: none
    }
}

.navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu .mega-dropdown-link {
    padding-left: 0;
    padding-right: 0
}

.navbar.landing-navbar .navbar-nav .nav-item .nav-img-col,.navbar.landing-navbar .navbar-nav .nav-item .nav-img-col img {
    border-radius: .625rem
}

@media(max-width: 991.98px) {
    .navbar.landing-navbar .landing-nav-menu .navbar-nav .nav-item.dropdown .dropdown-menu {
        position:unset !important;
        box-shadow: none;
        border: none;
        margin: 0;
        margin-left: 1rem
    }
}

@media(max-width: 991.98px) {
    .navbar.landing-navbar .landing-menu-overlay {
        position:fixed;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(38,43,67,.78);
        transition: all .2s ease-in-out;
        z-index: 9998
    }

    .navbar.landing-navbar .landing-nav-menu {
        position: fixed;
        display: block !important;
        height: 100%;
        max-width: 300px;
        width: 80%;
        inset-inline-start: -100%;
        top: 0;
        overflow-y: auto;
        transition: all .3s ease-in-out;
        z-index: 9999
    }

    .navbar.landing-navbar .landing-nav-menu.show {
        inset-inline-start: 0
    }

    .navbar.landing-navbar .landing-nav-menu.show~.landing-menu-overlay {
        display: block
    }
}

.light-style .navbar.landing-navbar {
    background-color: #fff;
    border: 1px solid rgba(255,255,255,.78);
    box-shadow: 0 .125rem .625rem 0 rgba(38,43,67,.16);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.layout-page.window-scrolled .layout-navbar .landing-navbar  {    
    border-bottom-right-radius: .625rem;
    border-bottom-left-radius: .625rem;
}

.light-style .navbar.landing-navbar .navbar-brand .navbar-toggler {
    color: #3b4056
}

.light-style .navbar.landing-navbar .navbar-nav .nav-link {
    color: #3b4056
}

.light-style .navbar.landing-navbar .navbar-nav .nav-link .menu-icon {
    color: #a8aab4
}

@media(max-width: 991.98px) {
    .light-style .navbar.landing-navbar .landing-nav-menu {
        background-color:#fff
    }
}

.light-style .menu-text {
    color: #3b4056
}

.dark-style .navbar.landing-navbar {
    background-color: #424561;
    border: 1px solid rgba(48,51,78,.78);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 .625rem .625rem 0 rgba(16,17,33,.24)
}


.dark-style .navbar.landing-navbar .navbar-brand .navbar-toggler {
    color: #d7d8ed
}

.dark-style .navbar.landing-navbar .navbar-nav .nav-link {
    color: #d7d8ed
}

.dark-style .navbar.landing-navbar .navbar-nav .nav-link .menu-icon {
    color: #7b7c95
}

@media(max-width: 991.98px) {
    .dark-style .navbar.landing-navbar .landing-nav-menu {
        background-color:#30334e
    }
}

.dark-style .navbar .menu-text {
    color: #d7d8ed
}

@media(min-width: 992px) {
    [dir=rtl] .navbar.landing-navbar .navbar-nav .nav-item.mega-dropdown>.dropdown-menu {
        transform:translateX(50%)
    }
}

.landing-footer .footer-link {
    transition: all .2s ease-in-out
}

.landing-footer .footer-link:hover {
    opacity: 1
}

.landing-footer .footer-link,.landing-footer .footer-text,.landing-footer .footer-title {
    color: #666cff
}

.landing-footer .footer-link,.landing-footer .footer-text {
    opacity: .78
}

.landing-footer .app-brand-text.footer-link {
    opacity: 1
}

.landing-footer .footer-title {
    opacity: .92
}

.landing-footer .footer-top {
    padding: 3rem 0
}

@media(max-width: 767.98px) {
    .landing-footer .footer-top {
        padding:3rem 0
    }
}

.landing-footer .footer-top .footer-bg {
    object-position: center
}

@media(min-width: 992px) {
    .landing-footer .footer-logo-description {
        max-width:385px
    }
}



.landing-footer .footer-bottom .footer-text,.landing-footer .footer-bottom .footer-link {
    opacity: .92
}

.landing-footer .form-floating.form-floating-outline .form-control {
    color: #d7d8ed
}

.landing-footer .form-floating.form-floating-outline .form-control:focus~label:after,.landing-footer .form-floating.form-floating-outline .form-control:not(:placeholder-shown)~label:after {
    background: #241d31 !important
}
.movie-wait {
	display: block;
	height: 54vh;
	width: 100%;
}

.demo-inline-spacing > * {
	margin: 1rem 0.375rem 0 0 !important;
  }

  .movie-cart .card-img,.movie-cart a{
	height: 100%;
}
.movie-cart .js-lazy-poster{
	display: block;
	aspect-ratio: 2 / 3;
	height: auto;
	object-fit: cover;
	background-color: #eceef3;
}
.movie-cart .card:hover .card-img{
	opacity: 0.5;	
}
.movie-cart .card:hover .card-body{
	background-color: black;
	display: block;
	width: 100%;
    bottom: 0px;
}
.movie-cart .card:hover .card-title{
	opacity: 1;
	display: block;
	text-align: center;
}
.movie-cart .card-body p{
	color: #EEE;
	text-align: center;
}
.movie-cart .card-body{
	padding-top: 0.5rem;
	padding-left: 0.8rem;
	background-color: black;
	width: 100%;
	opacity: 0.8;
	padding-right: 0.8rem;
	padding-bottom: 0.8rem;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.movie-cart .card-body .card-text p{
	color: aliceblue;
	text-align: center;
	font-size: 0.8rem;
}
.movie-cart .card-body{
position: absolute;
    bottom: 0px;
}

.movie-cart{
	flex: 0 0 auto;
	width:50%;
}
@media(min-width: 720px) {
.movie-cart{
	flex: 0 0 auto;
	width:33.3333%;
}
.movie-cart .card-img-top{
	height: 300px;
	object-fit: cover;
}
}
@media(min-width: 1000px) {
.movie-cart{
	flex: 0 0 auto;
	width:25%;
}
.movie-cart .card-img-top{
	height: 300px;
	object-fit: cover;
}
}
@media(min-width: 1200px) {
.movie-cart{
	flex: 0 0 auto;
	width:20%;
}
}

.faq-header .input-wrapper {
    position: relative;
    width: 100%;
    max-width: 55%
}
@media(max-width: 575.98px) {
    .faq-header .input-wrapper {
        max-width:70%
    }
}
.faq-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1
}
@media(max-width: 575.98px) {
    .faq-banner-img {
        object-position:right
    }
}
.light-style .bg-faq-section {
    background-color: rgba(38,43,67,.06)
}

.light-style .faq-header .input-wrapper .input-group-text,.light-style .faq-header .input-wrapper .form-control {
    background-color: #fff
}

.dark-style .bg-faq-section {
    background-color: rgba(234,234,255,.06)
}

.dark-style .faq-header .input-wrapper .input-group-text,.dark-style .faq-header .input-wrapper .form-control {
    background-color: #30334e
}
.genres-list > * {
	margin: 1rem 0.375rem 0 0 !important;
  }