*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: 'Dubai';
    src: url('./fonts/Dubai-Regular.woff2') format('woff2'),
      url('./fonts/Dubai-Regular.woff') format('woff'),
      url('./fonts/Dubai-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'GT Cinetype';
    src: url('./fonts/GTCinetypeBold-Italic.woff2') format('woff2'),
      url('./fonts/GTCinetypeBold-Italic.woff') format('woff'),
      url('./fonts/GTCinetypeBold-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'GT Cinetype';
    src: url('./fonts/GTCinetypeBold.woff2') format('woff2'),
      url('./fonts/GTCinetypeBold.woff') format('woff'),
      url('./fonts/GTCinetypeBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'GT Cinetype';
    src: url('./fonts/GTCinetypeRegular.woff2') format('woff2'),
      url('./fonts/GTCinetypeRegular.woff') format('woff'),
      url('./fonts/GTCinetypeRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
:root{
    --danger: #b30005!important;
    --charcole: #0f1a24!important;
    --skyblue: #b5e2f8!important;
    --warning: #ebe333!important;
    --greyMatter: #7f939b!important;
    --primary-font: 'GT Cinetype';
  --seconday-font: 'Dubai';
}
/*New Loader*/
.loader-box{
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 1.0);
    z-index: 999999;
    /* display: none; */
    display:block;
  }
  .loader-box1{
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999999;
    display: none;
    top: 0;
    left: 0;
    right: 0;
  }
  .loader-text{
    position: absolute;
    width: 100px;
    height: 50px;
    margin-top: 35px;
    /* border-radius: 50%; */
    /* margin: 75px; */
    display: inline-block;
    vertical-align: middle;
    left: 50%;
    top: 60%;
    transform: translate(-60%, -50%);
  }
  .loader-box1 .bn-loader{
    margin: 0px;
  }
  .bn-loader {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
        }
        /*LOADER-1*/
        .loader-1 .loader-outter {
          position: absolute;
    border: 4px solid #B91E2D;
    border-left-color: transparent;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
        }
        .loader-1 {
          position: absolute;
    border: 4px solid #B91E2D;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    /* border-right: 0; */
    border-top-color: transparent;
    -webkit-animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
        }
        /* ----------------     KEYFRAMES    ----------------- */
        @-webkit-keyframes loader-1-outter {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        @keyframes loader-1-outter {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        @-webkit-keyframes loader-1-inner {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
            }
        }
        @keyframes loader-1-inner {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
            }
        }
/*New Loader Ends*/
.loader_parent{
    /* background-color: rgba(0,0,0,.2); */
    width: 100%;
    position: absolute;
    opacity: 0.3;
}
.spinner-border{
    /* display: none; */
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--danger);
    /* width: 120px; */
    font-size: 14px;
    z-index: 1;
    width: 50px;
    height: 50px;
}
.text-charcole{
    color:var(--charcole) !important;
}
.text--yellow {
    color: var(--warning) !important;
  }
html{
    overflow-x: hidden;
     font-family: var(--primary-font) !important;
}

body{
    background-color: black;
    font-family: var(--primary-font) !important;
    overflow-x: hidden;
}
.fs-40{
    font-size: 40px !important;
}
a {
    text-decoration: none !important;
    color: #000000;
}
.bg--warning{
    background-color: var(--warning) !important;
}
.bg--dark{
    background-color: #000 !important;
}
.offcanvas.offcanvas-end{
    width: 100% !important;
}
.navbar-toggler:focus{
    background-color: inherit !important;
}
.textellipse
{
    white-space: nowrap;
    /* -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical; */
    overflow: hidden;
    text-overflow: ellipsis;
 }
 .dropdown:hover .custom-dropdown-menu{
    display: block;
}
.custom-dropdown-menu{
    margin-top: 0;
}
.calender-data::nth-child(odd){
background:hsla(0,0%,86.3%,.2) !important;
}
.container-new
{
display:flex;
justify-content:center;
align-items:center;
}
.calender-title{
    color:#000000;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: normal;
    text-align:center;
    padding-top:80px;
    text-align:center; 
}
.container-calender-new{
    margin: 0 60px;
}
.table-responsive th{
text-align: center;
border-bottom: 2px solid #000;
font-size: 12px;
border-left:1px solid #dee2e6;
}
.calender_section{
background-color:white;
}

.calender-body tr:nth-child(odd) td:nth-child(odd){
	background:hsla(0,0%,86.3%,.2)!important;
}
.calender-data:nth-child(odd){
	background:hsla(0,0%,86.3%,.2)!important;
	 }
     .calender-body td{
        width: 100px;
        border-left: 1px solid #dee2e6;;
        border-right: 1px solid #dee2e6;
     }
     .table>:not(caption)>*>*{
        width: 100px !important;
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6
     }
 
     .table>:not(caption) td:nth-child(odd){
        background:hsla(0,0%,86.3%,.2)!important;
     }
.text-black{
   color:#000000 !important;
 }
 
h3{
    font-size: 30px;
    /* margin-bottom: 15px !important; */
    text-transform: uppercase;
    line-height: normal;
}
label{
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px;
    display: block!important;
}
select{
    background-image: url('image/icons/down-arrow-select.svg') !important;
}
.nav-item{
    margin-right: 30px;
    font-size: 14px !important;
}
.bg-black{
    background-color: black;
}
.logo{
    max-width: 102px;
}
.nav-link{
    text-transform: uppercase;
    color: white;
}
.ticket_btn{
    border: none;
    background-color: var(--danger);
    color: white;
    padding: 10px 20px;
    width: 120px;
    transition:background-color .3s ease,color .3s ease;
}
.ticket_btn:hover{
    background-color: white;
    color: var(--danger);
    border: 1px solid var(--danger);

}

.navbar-collapse{
    flex-grow: 0 !important;
}
/*Mobile Toggler*/
.navbar-toggler-icon{
background-image: url(https://cinemaakil.com/wp-content/themes/sb-cinemaakil/image/hamburger.svg) !important;
width: 1.6em !important;
}

/*Ends*/
/*Navbar*/
.navbar{
    top: 0;
    z-index: 99;
    padding: 22px 0;
    position: fixed !important;
    background-color: #000;
    width: 100%;
    
}
.nav-link:hover{
    color: var(--danger) !important;
}
.custom-dropdown-menu{
    background-color: #000 !important;
    border-radius: 0px !important;
}
.dropdown-item{
    color: white;
}
.dropdown-item:hover{
background-color: transparent !important;
color: var(--danger) !important;
}
/*Ends*/

/*Date Piker*/
/* .ui-datepicker{
    margin-top: 120px !important;
}
.ui-datepicker-calendar{
    background-color: #000 !important;
    padding: 0 10px !important;
    color: #fff !important;
}
.ui-datepicker-header{
    background-color: #000 !important;
    color: white !important;
    padding: 0 10px !important;
}
.ui-datepicker-calendar th{
    padding-right: 15px !important;
}
.ui-datepicker-prev{
    padding-right: 15px !important;
    color: white !important;
} */
input[type="date"]::-webkit-input-placeholder{
    color: black !important;
} 
/* .date_btn_section input[type="date"]::-webkit-calendar-picker-indicator{
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 80%;
    
} */
/* .date_btn_section input[type="date"]::placeholder::before{
    content: "transparent" !important;
} */
/* input[type="date"]::before { 
	content: attr(data-placeholder);
	width: 100%;
}
input[type="date"]:valid::before {
    display: none !important;
}
input[type="date"]:focus::before
{ 
    display: none !important; 
} */
/*Date Piker Ends*/


/*Slider*/
/* .slider_section .carousel-control-prev-icon{
    width: 4rem !important;
    padding: 20px 0px;
    /* background-image: url("image/icons/arrow_icon.svg") !important; */


    .slider_section .carousel-control-next, .carousel-control-prev{
        top: 300px !important;
        bottom: auto !important;
    }
    .slider_section .carousel-control-next:focus{
        background-color: transparent !important;
    }

    .slider_section .carousel-control-prev:focus{
        background-color: transparent !important;
    }
    .slider_section .carousel-control-next{
        display: flex !important;
        justify-content: end !important;
    }
    .slider_section .carousel-control-prev{
        display: flex !important;
        justify-content: start !important;
    }
    .slider_section  .carousel-control-prev-icon{
        background-color: #000 !important;
        height: 60px !important;
    }
    .slider_section  .carousel-control-next-icon{
        background-color: #000 !important;
        height: 60px !important;
    }
    .films_slider_icons:focus{
        background-color:transparent !important;
    }
/* .slider_section .carousel-control-next-icon{
    width: 4rem !important;
    padding: 20px 0px;

}
.slider_section .carousel-control-prev-icon{
    position: absolute;
    left: 25px;
    background:rgba(0,0,0,.4);
}

.slider_section .carousel-control-next-icon{
    position: absolute;
    right: 25px;
    background:rgba(0,0,0,.4);
    
}
.slider_section .carousel-control-next
{
    bottom: 50% !important;
    background-color: transparent !important;
}
.slider_section .carousel-control-prev
{
    bottom: 50% !important;
    background-color: transparent !important;
} */
.direction-reverse{
    flex-direction: row-reverse;
}
.slider_section .carousel-content{
    /* width: 60%; */
    padding: 40px 20px;
    background-image: url(https://cinemaakil.com/wp-content/themes/sb-cinemaakil/image/program-intro-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}
.slider_section .carousel-content h3{
    font-size: 50px;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 700;
    color: white;
}
.slider_section .carousel-content p{
    font-size: 24px;
    color: white;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.carousel-content-width{
    width: 60%;
    margin: auto;
}
.content_btn{
    border: none;
    background-color: var(--charcole);
    color: white;
    padding: 8px 15px;
}
.learn_more{
    background-color: white;
    color: black;
    border: none;
    padding: 10px 30px;

}
.carousel-item{
    height: auto;
}
.slider_section{
    background-color: black;
    width: 100%;
    margin: auto;
    height: auto;
}
.slider_section_films_detail{
background-color: black;
}
.slider_img{
    width: 90%;
    margin-top: 80px;
}
/*Slider Ends*/

/*Now Showing*/
.now_showing_section{
    background-color: var(--warning);
    padding: 50px 0 50px 0;
}
.now_showing_section h3{
    color: #212529;
    font-weight: 700;
    font-size: 50px;
}
.date_btn_section{
    /*padding-bottom: 40px;*/
}
.date_btn{
    background:#f1f1f1;
    border: 3px solid var(--charcole);
    padding: 10px 15px;
    font-size: 26px;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 400;
    margin-right: 35px;
    margin-bottom: 10px;
}
.btn-large-grayMatter{
    font-size: 26px;
    text-transform: uppercase;
    color: var(--greyMatter);
    padding: 10px 15px;
    line-height: normal;
    background: transparent;
    border: 3px solid var(--greyMatter);
    transition: .3s ease;
    margin-right: 35px;
    margin-bottom: 10px;
    font-weight: 400;
    cursor: pointer;
}
.btn-large-grayMatter:hover{
    background-color: var(--greyMatter);
    color: white;
}
.btn-large-grayMatter:hover::-webkit-input-placeholder{
    color: white;

}
.btn-large-grayMatter:focus::-webkit-input-placeholder{
    color: #fff;
    background-color: var(--greyMatter);
}
.card-spacing{
    margin-top: 3rem !important;
}
.card{
    border-radius: 0px !important;
}
.card-img-top{
    border-radius: 0px !important;
}
.card-body{
    background-color: #ecf2f9 !important;
    text-align: center;
    height: 290px;
}
.card-title{
    font-size: 28px !important;
    min-height: 70px;
}

.buy_ticket_btn{
    width: 200px;
    height: 45px;
border: none;
background-color: var(--danger);
color: white;
font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    padding: 10px 30px;
   
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    
    transition: background-color .3s ease,color .3s ease;
}
.buy_ticket_btn:hover{
    background-color: white;
    color: var(--danger);
    border: 0.5px solid var(--danger);
}
.info_btn{
    width: 200px;
border: none;
background-color: transparent;
color: var(--greyMatter);
font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    padding: 10px 30px;
   
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    
    transition: background-color .3s ease,color .3s ease;
}
.info_btn:hover{
    background-color: transparent;
    color: var(--greyMatter);
    border: 0.5px solid var(--greyMatter);
    transition: background-color .3s ease,color .3s ease;
}
.card-text{
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: #0f2428;
    margin-bottom: 15px;
    min-height: 50px;
}
.card-text span:nth-child(1){
    font-size: 15px;
    font-weight: 700;
    display: block;


}
/**/
/*Past Movie Section*/
.search_btn{
    border: none;
    background-color: white;
    padding: 10px 30px;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.search_input{
    padding-bottom: 10px;
    border-bottom: 1px solid grey;
}
.past_movie_input{
    width: 100%;
    background-color: transparent;
   border: none;
   padding-top: 20px;
   color: white;
   font-size: 20px;

}
.past_movie_input::-webkit-input-placeholder{
    font-size: 30px;
    text-transform: uppercase;

}
.pagination_section{
    margin-top:100px;
}
.left_arrow, .right_arrow{
    width: 25px;
}
.left_arrow{
    margin-right: 20px;
}
.right_arrow{
    margin-left: 20px;
}
.pagination_box
{
    border: 1px solid white;
    background-color: transparent;
    color: white;
    font-size: 13px;
    padding: 5px 10px;
}
.pagination_box:hover{
    background-color: white;
    color: black;
}
.cross_icon{
    position: absolute;
    color: grey;
    font-size: 30px;
    cursor: pointer;
}
/*Past Movie Section Ends*/
/*Explore Section*/
.explore_section{
    background-image: url(https://cinemaakil.com/wp-content/themes/sb-cinemaakil/image/background_img_1.jpg);
    padding: 150px 0;
    background-size: cover;
}
.newsletter_section{
    background-color: #fff;
    text-align: center;
    width: auto;
    padding: 15px 30px;
    margin: 0 auto;
    max-width: 975px;
}
.newsletter_section p{
    margin: 0 auto 20px auto;
    text-align: center;
    line-height: normal;
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    color: var(--danger);
    text-transform: uppercase;
    max-width: 266px;
}
.explore_btn{
    border: 1px solid var(--danger);
    background-color: white;
    color: var(--danger);
    text-transform: uppercase;
    padding: 15px 45px;
    font-size: 16px;
}
.explore_btn:hover{
    background-color: var(--danger);
    color: white;
}
/*Ends*/

/**/
.join_section{
    background-image: url(https://cinemaakil.com/wp-content/themes/sb-cinemaakil/image/newsletter-bg.jpg);
    padding: 150px 0;
    background-size: cover;
}
.join_letter_wrapper{
    background-color: #fff;
    text-align: center;
    /* width: 100%; */
    padding: 10px;
    margin: 0 auto;
    max-width: 945px;
}
.join_letter_wrapper p{
    /* margin: 0 auto 20px auto; */
    margin-bottom: 0px;
    text-align: left;
    line-height: normal;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    color: var(--danger);
    text-transform: uppercase;
}
.sub_btn{
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border-width: 2px;
    padding: 10px 30px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .3s ease,color .3s ease;
    background-color: var(--danger);
    color: white;
    border: none;
    height: 45px;
}
.sub_btn:focus{
    background-color: var(--danger);
    color: white;
    border: none;
    height: 45px;
}
.input-light{
    font-size: 16px;
    padding: 9px 15px;
    border-width: 1.5px;
    border-style: solid;
    border-radius: 0 !important;
    width: 100%;

}
.input-dark,

.input-transparent {
  font-size: 16px;
  padding: 10px 15px;
  border-width: 1.5px;
  border-style: solid;
  border-radius: 0 !important;
}

.input-dark:focus,
.input-light:focus,
.input-transparent:focus {
  outline: none !important;
}

.input-dark {
  color: #fff;
  border-color: var(--greyMatter);
  background-color: var(--charcole);
}

.input-dark::placeholder {
  color: var(--greyMatter);
  text-transform: uppercase;
}

/**/

/*Personal*/
.personal_section{
    background-image: url("image/background_img_2.jpg");
    padding: 150px 0;
    background-size: cover;
}
.personal_content{
    z-index: 2;
    font-size: 16px;
    max-width: 420px;
    position: relative;
    padding: 20px 30px;
    width: calc(100% - 30px);
    margin: 50px auto 30px auto;
    background-color: var(--warning);
}
.personal_content header{
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 15px;
    line-height: normal;
}
.personal_content p:nth-child(1){
    color: var(--greyMatter);
}
.learn_more_btn{
    border: none;
    background-color: #000;
    color: white;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    padding: 15px 45px;
    transition:background-color .3s ease,color .3s ease;
}
.learn_more_btn:hover{
    border: none;
    background-color: #fff;
    color: black;

    
}
/**/

/*Ramadan Css*/
.ramadan_section{
    background-image: url("image/background_img_3.jpg");
    padding: 150px 0;
    background-size: cover;
}
.ramadan_content{
    z-index: 2;
    font-size: 16px;
    max-width: 420px;
    position: relative;
    padding: 20px 30px;
    width: calc(100% - 30px);
    margin: 0px auto 30px auto;
    background-color: var(--warning);
}
.ramadan_content header{
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 15px;
    line-height: normal;
}
.ramadan_content p:nth-child(1){
    color: var(--greyMatter);
}

.category_text{
    left: 0;
    top: 0;
    color: #fff;
    font-size: 12px;
    padding: 8px 15px;
    position: absolute;
    text-transform: uppercase;
    transform: translateY(-100%);
    background-color: var(--charcole);
}
/**/

/*Rent A section*/
.rent_section{
    background-color: #000;
}
.rac-content{
    padding: 10%;
    background-color: #000;
    color: white;
    display: block;
}
.rent_para{
    font-size: 24px;
}
.connect_btn{
    background-color: var(--danger);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 30px;
    border: none;
    width: auto;
    height: 47px;
}
.connect_btn:focus{
    background-color: var(--danger) !important;
    color: #fff !important;
    opacity: 0.5 !important;
}
.connect_btn:hover{
    background-color: #fff;
    border: 1px solid var(--danger);
    color: var(--danger);
}
.download_btn{
    background-color: transparent;
    border: 1px solid #fff;
    padding: 10px 30px;
    color: white;
    text-transform: uppercase;
    height: 47px;
    gap: 3px;
}
.download_btn_new{
    background-color: transparent;
    border: 1px solid #fff;
    padding: 10px 30px;
    color: white;
    text-transform: uppercase;
    height: 47px;
    gap: 3px;
}
.download_btn:hover{
    background-color: #fff;
    color: #000;
}
.download_btn_new:hover{
    background-color: #fff;
    color: #000;
}
.bg_img{
    background-image: url(https://api.cinemaakil.com/wp-content/uploads/2022/03/SOLE-cinema-Akil-227051-1-1.jpg);
    padding: 150px 0;
    background-size: cover;
}
.video_icon{
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.btn_section{
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.btn_section .connect_btn{
    margin-right: 10px;
}

/**/

/*Chai css*/
.chai_bg_img{
    background-image: url('/image/sample_bg.png');
    padding: 150px 0;
    background-size: cover;
}
.chai_section{
    background-color: var(--skyblue);
}
.chai-content{
    padding: 15% 10%;
    background-color: var(--skyblue);
    color: #000;
    display: block;
}
.see_with_us{
    background-color: transparent;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 30px;
    border: 1px solid black;
    width: 160px;
    height: 50px;
}
.see_with_us:hover{
    background-color: #fff;
    
    color: black;
}
/*ends*/


/*Films Section css*/
.custom-dropdown-films{
    top: 5px !important;
    border-radius: 0 !important;
    background: #000 !important;
    border: 1px solid #fff !important;
    padding: 10px 0 !important;
}
.custom-dropdown-item{
    color: var(--greyMatter) !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
}
.custom-dropdown-item:hover{
background-color: transparent !important;
color: white !important;
}
/*Ends*/

/*Festival css*/
.stankley_section{
    /* margin-top: 75px; */
    background-image: url(https://cinemaakil.com/wp-content/themes/sb-cinemaakil/image/fes_back_1.jpg);
    position: relative;
    padding: 75px 0;
    aspect-ratio: 16/9;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,.25);
    background-blend-mode: soft-light;
}
.festive_june_section{
    background-image: url(https://cinemaakil.com/wp-content/themes/sb-cinemaakil/image/sample1.jpg);
    position: relative;
    padding: 75px 0;
    aspect-ratio: 16/9;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,.25);
    background-blend-mode: soft-light;
}
.italian_section{
    background-image: url(https://cinemaakil.com/wp-content/themes/sb-cinemaakil/image/fes_back_2.jpg);
    position: relative;
    padding: 75px 0;
    aspect-ratio: 16/9;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,.25);
    background-blend-mode: soft-light;
}
/*Ends*/

/*Rent a cinema section*/
.rent_section_new{
    background-image: url(https://api.cinemaakil.com/wp-content/uploads/2021/12/Market-OTB-2015-1-2.png);
    min-height: 500px;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50%!important;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: center;
}
.rent_title{
    font-weight: 700;
    font-size: 75px;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    color: #fff;
    margin-bottom: 0;
}
.rent_section_new p{
    color: white;
    font-size: 24px;
    text-align: center;
    color: #fff;
}
.lear_more_rent{
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
}
.lear_more_rent:hover{
    background-color: #fff;
    color: #000;
    transition:background-color .3s ease,color .3s ease;
}
.get_in_btn{
    background-color: var(--danger);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 30px;
    border: none;
    width: 175px;
    height: 50px;
    transition:background-color .3s ease,color .3s ease;
}
.get_in_btn:hover{
    background-color: #fff;
    border: 1px solid var(--danger);
    color: var(--danger);
    
}
.cinema_stats{
    background-color: var(--warning);
    padding: 50px 0;
}
.stats_title{
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 30px;
    line-height: normal;
}
.container-cinema-stats{
    margin: 0 85px;
}
.container-static{
    margin: 0 70px;
}
.container-static h4{
    margin: 20px 0px;
}
.single_stats{
    padding: 35px 30px;
    background: #ecf2f9;
    height: 100%;
}
.single_stats h4{
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0f1a24;
    margin: 0;
}
.single_stats p {
    font-size: 16px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.section-left-right-slider{
    padding:50px 0px;
    background-color: #000;
}
.section-title {
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 30px;
    line-height: normal;
    /* word-break: break-all; */
  }
  .rac-case-content{
    padding: 10% 30px 10% 0;
  }
  .rac-case-content-right{
    padding: 10% 0px 10% 30%;
  }
  .img_rent{
    width: 100%;
  }
  .collab_section{
    background-image: url("image/black.png");
    position: relative;
    padding: 75px 0 250px 0;;
    /* aspect-ratio: 16/9; */
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(235,227,51,.45);
    background-blend-mode: soft-light;
  }
  .collab_section .section-title{
    font-size: 80px;
    text-align: center;
  }
  .collab_section p{
    font-size: 24px;
    text-align: center;
    color: #fff;
  }
  .grid_img_section{
    background-color: #000;
    padding: 20px 0;
  }
  .img-fluid-new{
    width: 100%;
    height: 100%;
  }
  .img-fluid-checkout{
    width: 100%;
    height: auto;
  }
  .film-preview-price p,
.film-preview-price h6 {
  font-size: 24px !important;
  color: #ffffff !important;
  margin-bottom: 5px !important;
  line-height: 1.25 !important;
}
.film-preview-price p span {
  color: #7f939b !important;
}
.info-section-checkout h4{
    font-size: 24px;
    color: #fff;
    margin: 0 0 30px 0;
}
.info-section-checkout label{
    font-size: 14px;
    margin-bottom: 10px
}
.margin-top{
    margin-top: 70px;
}
.buy-ticket-input {
    padding: 10px 20px;
    width: 100%;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    background: #000;
    font-size: 14px;
    color: #fff;
  }
  .buy-ticket-input::placeholder {
    color: #7f939b;
    text-transform: uppercase;
  }
  .info-section-checkout .input-group {
    display: flex;
    justify-content: space-between;
  }
  .info-section-checkout .input-group .buy-ticket-input {
    display: inline-block !important;
  }
  .info-section-checkout .input-group .buy-ticket-input:first-child {
    width: 15%;
  }
  .info-section-checkout .input-group .buy-ticket-input:last-child {
    width: 80%;
  }
/*Ends*/

/*Host a popup*/
.host_section_new{
    background-image: url('image/host.png');
    min-height: 500px;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50%!important;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: center;
}
.host_section_new p{
    color: white;
    font-size: 24px;
    text-align: center;
    color: #fff;
}
.services_section{
    background-color: #000;
    padding: 50px 0;
}
.ca-service-card .img-wrapper{
    max-width: 70px;
    margin-bottom: 30px;
}
.ca-service-card h4{
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    min-height: 80px;
}
.ca-service-card p{
    font-size: 14px;
    color: #fff;
}
.custom_prev,.custom_next{
    bottom: 0px !important;
    
}
.custom_next_icon{
    height: 3rem !important;
    right: 0px;
    padding: 30px 0px;
    background-size: 50% !important;
}

.custom_pre_icon{
    height: 3rem !important;
    left: 0px;
    padding: 30px 0px;
    background-size: 50% !important;
}
.video-modal{
    background-color: #000 !important;
}
.modal-width{
max-width:50% !important;
}
.site-header{
    top: 0;
    z-index: 99;
    padding: 22px 0;
    position: sticky;
    background-color: #000;
    border-radius: 0!important;
    transition: padding .3s ease;
}
/* .container{
    max-width: 1200px !important;
} */
.site-header .container{

    display: flex;
    justify-content: space-between;
    align-items: center;

}
/**/
/*MObile Nav */
.acc_img{
    width: 10px;
    transform: rotate(0deg);
    margin-left: 12px;
  }
.custom-hedaer{
    justify-content: end !important;
    margin-top: 10px !important;
}
.mobile-listing{
    padding: 0px;
}
.mobile-listing li{
    text-decoration: none;
    list-style-type: none;
    margin-bottom: 35px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    padding-left: 35px;
}
.mobile-header{
    background-color: #000 !important;
}
.mob_header_btn{
    border: none;
    background-color: transparent;

}
.btn-close-custom{
    color: #fff !important;
    background: url(https://cinemaakil.com/wp-content/themes/sb-cinemaakil/image/cross.svg) !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
}
.custom-accordion-button
{
    margin-bottom: 35px !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    padding-left: 35px !important;
}
.custom-body{
    padding: 0px !important;
}
.popup-listing
{
background-color: #0f1a24 !important;
padding-left: 0px;
padding-top:10px;
margin-bottom:35px;

}
.popup-listing li{
    padding-bottom: 10px;
    margin-bottom: 0px;
    color: #7f939b;
    font-size: 14px;
}
/**/
/*Book Ticket*/
.book_ticket_section{
    background-color: #000;
    padding-top: 120px;
}
.book_ticket_section h5{
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px;
}
.book-ticket-banner{
    padding: 30px;
    background: var(--warning);
    margin-bottom: 45px;
}
.book-ticket-banner h2{
    font-weight: 500;
    font-size: 50px;
    text-transform: uppercase;
    color: #0f1a24;
    /* max-width: 80%; */
}
.custom-form-select{
    background-color: transparent !important;
    color: #7f939b !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    border-radius: 0px !important;
    /* padding: .375rem 2.25rem .375rem .75rem; */
    
}
.custom-form-select option{
    background-color: #000 !important;
}
.buttons_added {
    display: inline-block;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    background: #000;
  }
  .quantity .input-text.qty {
    background-color: transparent;
    border: none;
    padding: 4px 10px;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    max-width: 55px;
  }
  
  
  .quantity.buttons_added {
    text-align: left;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
  }
  
  .quantity.buttons_added input {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    box-shadow: none;
  }
  
  .quantity.buttons_added .minus,
  .quantity.buttons_added .plus {
    padding: 0px 25px;
    height: 46px;
    background-color: #000;
    border: 0px;
    cursor: pointer;
    font-size: 24px;
    color: #ffffff;
  }
  
  .quantity input::-webkit-outer-spin-button,
  .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
  }
  input:focus,
  .quantity.buttons_added .minus:focus,
  .quantity.buttons_added .plus:focus {
    outline: none;
  }
  .confirm_btn{
    background-color: var(--danger);
    border: none;
    font-size: 16px;
    padding: 10px 30px;
    color: #fff;
    height: 45px;
    transition:background-color .3s ease,color .3s ease;
  }
  .confirm_btn:hover{
    background-color: #fff;
    border: 1px solid var(--danger);
    color: var(--danger);
   
  }
  .ticket-booking-form p{
    color: #757373;
    font-size: 14px;
  }
  .time-remaining {
    font-size: 24px;
    color: #fff;
    text-align: right;
  }
  .time-remaining span:nth-child(1) {
    color: #7f939b;
  }
  .margin_bottom{
    margin-bottom: 15px !important;
  }
  .form-chekout{
    background-color: transparent !important;
    border-radius: 0px !important;
    color: #7f939b !important;
  }
  .form-chekout option{
    background-color: #000 !important;
    color: #7f939b !important;
  }
/**/

/*Custom Checkbox*/

.custom-form-chekbox[type=checkbox]{
border-radius: 0px !important;
width: 1.6em;
height: 1.6em;
background-color: transparent !important;
border: 1px solid #fff !important;
}
.custom-form-chekbox:checked{
    background-color: var(--danger) !important;
}
.checkout-para{
    margin-left: 10px;
    font-size: 14px;
    margin-bottom: 0px;
    color: #fff !important;
    display: flex;
    align-items: center;
}
.anchor_links a{
    color: #fff;
    padding: 0 5px;
}
.checkout_btn{
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 15px;
    padding-top: 40px;
}
.back_btn{
    background-color: transparent;
    border: 1px solid #fff;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase;
    height: 45px;
}
.back_btn:hover{
    background-color: #fff;
    color: #000;
    transition:background-color .3s ease,color .3s ease;
}
.payment_btn{
    background-color: var(--danger);
    color: #fff;
    text-transform: capitalize;
    padding: 10px 30px;
    height: 45px;
    border: none;
    width: 250px;
    transition:background-color .3s ease,color .3s ease;
}
.payment_btn:hover{
    background-color: #fff;
    border: 1px solid var(--danger);
    color: var(--danger);

}
.ticket-price {
    padding: 10px 0px !important;
    border-top: 2px solid #7f939b;
    border-bottom: 2px solid #7f939b;
  }
  .ticket-price p {
    margin: 0px 0px 5px 0px;
    font-weight: 700;
    font-size: 14px !important;
    color: #7f939b;
    display: flex;
    justify-content: space-between;
  }
  .total {
    padding: 10px 0px !important;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }
  .total p {
    font-weight: 700;
    font-size: 14px !important;
    color: #ffffff;
    margin: 0px;
  }
  .thanks-note {
    margin-bottom: 20px;
  }
  .thanks-note img {
    max-width: 120px;
    margin-bottom: 20px;
  }
  .festival_detail_section{
    background-color: #000;
    padding-top: 50px;
  }
  .festival_detail_section h3{
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
    color: #fff;
    line-height: normal;
    margin: 30px 0 15px;
  }
  .festival_detail_section p{
    font-size: 14px;
    color: #7f939b;
    margin-bottom: 30px;
  }
  .btn-filled-category{
    padding: 6px 12px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    background: #16222e;
    text-decoration: none;
  }
  .see_btn{
    background-color: transparent;
    border: 1px solid #fff;
    color: white;
    text-transform: uppercase;
    padding: 10px 30px;
    height: 45px;
    font-size: 16px;
    transition:background-color .3s ease,color .3s ease;
  }
  .see_btn:hover{
    background-color: #fff;
    color: #000;
    cursor: pointer;
  }
  .description-wrapper{
    padding: 60px 0 30px;
    color: #fff;
  }
  .description-wrapper p{
    color: #fff;
  }
  .section-premier{
    padding: 50px 0;
  }
  .section-premier .premier-venue {
    min-height: 40px;
    display: block;
  }
  .premier-wrapper {
    padding: 30px 0px;
    border-top: 2px solid #000000;
  }
  
  .section-premier p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    line-height: normal;
  }
  p.premier-date {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #8f8b2f;
  }
  
/**/
/*About Us*/
.about-tab{
    padding: 10px 15px;
    border: 3px solid #ecf2f9;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #ecf2f9;
    border-radius: 0!important;
}
.about-tab:focus{
    background-color: inherit !important;
}
/* .about-tab-active:focus{
    background-color: inherit !important;
} */
.about-tab-active{
    padding: 10px 15px;
    border: 3px solid #000;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border-radius: 0!important;
    background-color: #fff;
}
.about_icons{
    filter: invert(100%) sepia(100%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}
/**/

/*Footer*/

.site-footer {
    color: var(--greyMatter);
    padding: 60px 0 50px 0;
    background-color: #000;
  }
  .footer-address-wrapper a{
    color: var(--greyMatter);
    text-decoration: none;
  }
  .footer-newsletter {
    max-width: 400px;
  }
  .footer-newsletter label {
    font-size: 14px;
    color: #ffffff;
    max-width: 80%;
    margin-bottom: 20;
    
  }
  .footer-newsletter input{
    margin: 0px 0px 20px 0px;
    width: 100%;
  }
  .footer-newsletter input:focus {
    outline: none;
  }
  
  .footer-address-wrapper address {
    margin: 20px 0 5px 0;
  }
  
  .footer-address-wrapper a {
    color: var(--greyMatter);
  }
  .footer-address-wrapper a:hover {
    color: var(--danger);
  }
  
  .footer-social-wrapper ul {
    text-align: left;
    margin-left: auto;
    margin: 50px 0 20px 0;
    display: inline-block;
  }
  
  .footer-social-wrapper li {
    display: inline-block;
    margin-right: 25px !important;
  }
  .footer-social-wrapper ul li a,
  .social-link a {
    transition: 0.3s ease;
  }
  .footer-social-wrapper ul li a:hover,
  .social-link a:hover {
    opacity: 0.7;
  }
  
  .footer-social-wrapper p {
    color: #fff;
    font-size: 14px;
    font-style: italic;
  }
  .site-footer {
    color: var(--greyMatter);
    padding: 60px 0 50px 0;
    background-color: #000;
  }
  .site-footer ul {
    width: 100%;
    padding-left: 0;
    list-style: none;
    margin: 30px 0 0 0;
    align-items: center;
    display: inline-flex;
    justify-content: center;
  }
  
  .site-footer ul:not(.list-inline) li:not(:last-child) {
    /* margin-right: 40px; */
  }
  
  .site-footer ul li a {
    font-size: 14px;
    text-decoration: none;
    color: var(--greyMatter);
    text-transform: uppercase;
    transition: color 0.3s ease;
  }
  
  .site-footer ul li a.router-link-active {
    color: #fff;
    text-decoration: underline;
  }
  
  .site-footer ul li a:hover {
    color: #fff;
  }
  
  .footer-col-2 {
    max-width: 415px;
    /* padding-left: 45px; */
  }
  .footer-social-wrapper ul {
    text-align: left;
    margin-left: auto;
    margin: 50px 0 20px 0;
    display: inline-block;
  }
  
  .footer-social-wrapper li {
    display: inline-block;
    margin-right: 25px !important;
  }
  .footer-social-wrapper ul li a,
  .social-link a {
    transition: 0.3s ease;
  }
  .footer-social-wrapper ul li a:hover,
  .social-link a:hover {
    opacity: 0.7;
  }
/*Footer css*/
/*Error Page*/
 
.home_btn{
    border: 1px solid #fff;
    text-transform: uppercase;
    padding: 10px 30px;
    background-color: transparent;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    transition:background-color .3s ease,color .3s ease;

}
.home_btn:hover{
    background-color: #fff;
    color: #000;

}
.error_para{
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    max-width: 500px;
    margin: 0 auto 15px auto;
}
.error_text{
    color: #fff;
    font-weight: 700;
    font-size: 120px;
    text-align: center;
    text-transform: uppercase;
}
.errro_page{
    margin-top: 120px;
    background-color: #000;
    text-align: center;
}

/*Error page end*/

/*Contact us*/
.contact_us{
	/* margin-top:60px; */
    padding: 75px 0px 60px 0;
    background-color: #000;
}
.contact_us .section-title{
    border-bottom: 1.5px solid grey;
    padding-bottom: 10px;
}
.contact_us_submit{
    background-color: var(--danger);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 30px;
    border: none;
    width: 100%;
    height: 45px;
    transition:background-color .3s ease,color .3s ease;
}
 .contact_us_submit:hover{
 border: 1px solid var(--danger);
 background-color: #fff;
 color: var(--danger);
 }
 .img-rent{
    width: 100%;
 }
/**/

/*Static Page*/
.section-static-page li {
    margin-top: 30px ;
}
.section-static-page li::marker {
    font-size: 25px !important;
}
.section-static-page ol {
    padding: 0px;
}
/**/

/* SECTION BUY TICKET */
.section-buy-ticket {
    background: #000;
    padding: 100px 0px 70px 0px;
  }
  .section-buy-ticket h5 {
    font-weight: 400;
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 15px;
  }
  .book-ticket-banner {
    padding: 30px;
    background: var(--warning);
    margin-bottom: 45px;
  }
  .book-ticket-banner h2 {
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
    color: #0f1a24;
    /* max-width: 80%; */
  }
  .book-ticket-banner p {
    font-size: 24px;
    line-height: normal;
    margin: 10px 0px;
    color: #0f1a24;
  }
  .buy-ticket2 .book-ticket-banner {
    margin-bottom: 5px;
  }
  /* .ticket-booking-form {
    max-width: 60%;
    margin: 0 auto;
  } */
  .buy-ticket2 .ticket-booking-form {
    max-width: 100%;
    margin-top: 70px;
  }
  .buy-ticket2 .ticket-booking-form h4 {
    font-size: 24px;
    color: #ffffff;
    margin: 0px 0px 30px 0px;
  }
  label {
    font-weight: 400;
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 15px;
    display: block !important;
  }
  .buy-ticket2 .ticket-booking-form label {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .buy-ticket2 .ticket-booking-form label a {
    color: #fff;
  }
  .buy-ticket-input {
    padding: 10px 20px;
    width: 100%;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    background: #000;
    font-size: 14px;
    color: #fff;
  }
  .buy-ticket-input::placeholder {
    color: #7f939b;
    text-transform: uppercase;
  }
  .buy-ticket2 .input-group {
    display: flex;
    justify-content: space-between;
  }
  .buy-ticket2 .input-group .buy-ticket-input {
    display: inline-block !important;
  }
  .buy-ticket2 .input-group .buy-ticket-input:first-child {
    width: 15%;
  }
  .buy-ticket2 .input-group .buy-ticket-input:last-child {
    width: 80%;
  }
  
/*Checkout Modal*/
.back_modal .modal-body{
    background-color: var(--charcole) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px;
}
.back_modal .modal-body p{
    font-size: 1.2rem;
    color: #fff;
    margin: 0px;
}
.try_again{
    background-color: var(--danger);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 30px;
    height: 45px;
    cursor: pointer;
}
.try_again:hover{
    background-color: #fff;
    color: var(--danger);
    border: 1px solid var(--danger);
}
.yes_btn{
    background-color: var(--danger);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    /* padding: 10px 30px; */
    height: 45px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.yes_btn:hover{
    background-color: #fff;
    color: var(--danger);
    border: 1px solid var(--danger);
}
.no_btn{
    background-color: transparent;
    color: #fff;
    border: 1px solid #ffff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    /* padding: 10px 30px; */
    height: 45px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.no_btn:hover{
    color: #000;
    background-color: #fff;

}
.anchor_links a{
    text-decoration: underline !important;
}
.desktop_header_alignment{
    max-width: 1200px !important;
}
.films-slider-img{
    margin: auto;
}
.slider_btn{
    width: 4%;
}
.icons-back{
    padding: 40px 0px;
    background-size: 50% 100% !important;
    width: 70px;
    background: rgba(0,0,0,.4);
    background-repeat: no-repeat;
    background-position: center;
}
/**/
/*Latest Date piker*/
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover{
    background-color: inherit !important;
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover{
    background-color: inherit !important;
}
.datepicker table tr td span:hover{
    background-color: inherit !important;
}
.datepicker-dropdown{
    background-color: #000 !important;
    /* top: 280px !important; */
}
.datepicker-dropdown.datepicker-orient-bottom:before{
    display: none !important;
}
.datepicker-dropdown.datepicker-orient-bottom:after{
    display: none !important;
}
.datepicker-dropdown.datepicker-orient-top:before{
    display: none !important;
}
.datepicker-dropdown.datepicker-orient-top:after{
    display: none !important;
}
.datepicker .prev{
    color: #fff !important;
}
.datepicker .next{
    color: #fff !important;
}
.datepicker .datepicker-switch{
    color: #fff !important;
}
.datepicker td, .datepicker th{
    width: 60px !important;
    height: 40px !important;
}
.datepicker table tr td.today{
    background-color: var(--warning) !important;
    background-image: none !important;
    color: #000 !important;
}
.datepicker .cw{
    display: none !important;
}
.datepicker table tr td.old{
    color: #999 !important;
}
.datepicker .day{
    color: #fff !important;
}
.dow{
    color: #fff !important;
}
.datepicker table tr td span{
    color: #fff !important;
}
.body_class .datepicker-dropdown{
     top: 280px !important;
    /* top: 970px !important; */
}
.datepicker table tr td span.focused{
    color:#000 !important ;
}
.select-date-width{
    width: 55%;
}
.select-date-width-films{
    width: 20%;
}
.intl-tel-input{
width: 100% !important;
}

.intl-tel-input.separate-dial-code .selected-dial-code{
    color: white !important;
}
.pop_up_btn{
    border:none;
    margin-bottom: 35px !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    padding-left: 35px !important;
}
.pop_up_btn:focus{
    background-color: transparent !important;
}
/*Past Movie*/
.btn--dropdown {
    padding: 5px 45px 5px 20px !important;
    position: relative;
  }
  .btn--dropdown::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid var(--greyMatter);
  }
  .btn--dropdown:hover::after {
    border-top: 10px solid #fff;
  }
  .list_drop{
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 35px;
  }
  .lang_width{
    width: 20%;
  }
  .genre_width{
    width: 20%;
  }
  .loc_width{
    width: 80%;
  }
  select {
    /* border-radius: 0 !important;
    height: 45px !important;
    border: 1px solid #ffffff !important;
    box-sizing: border-box !important;
    background: #000 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    color: #7f939b !important; */
    background-image: url(https://www.svgrepo.com/show/335062/dropdown.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
  }
  .mar-right{
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .form-select {
    display: block;
    /* width: 80%; */
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 400;
    line-height: 1.5;
    color: var(--greyMatter);
    background-color: #000;
    /* background-image: url(https://www.svgrepo.com/show/335062/dropdown.svg); */
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 3px solid var(--greyMatter);
    border-radius: 0px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

  }
  .pagination li{
   
    margin: 0 5px;
}

.pagination li a{
    background-color: transparent;
    color: white;
}
.pagination li a:hover{
    
    background-color: white;
    color: black;
}
/*Past Movie End*/
/*Media Queries*/
@media (min-width: 1400px){
  
}
@media screen and (min-width:200px) and (max-width:300px) {
    .slider_section .carousel-content{
        padding: 15px 20px 40px 20px;
    }
    .slider_section .carousel-content h3{
        margin-bottom: 0px;
    }
    .slider_section .carousel-content{
        height: 80%;
    }
 
}
@media screen and (min-width:100px) and (max-width:503px){
    .slider_section .carousel-content p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
    .download_btn{
        height: auto !important;
        width: 80% !important;
        padding: 10px 15px;
    }
    .download_btn_new{
        width: 100%;
        padding: 10px 15px;
        height: auto !important;
    }
    .slider_section .carousel-content{
        height: 60%;
        padding: 10px;
    }
    .slider_section .carousel-content h3{
        margin-bottom: 0px;
    }
}
@media screen and (min-width:504px) and (max-width:767px) {
    .slider_section .carousel-content{
        height: 60%;
    }
}
@media only screen and (max-width:767px) {
    /* .slider_section .carousel-content{
        padding: 40px 20px 60px 20px;
    } */
    .premier-wrapper{
        padding: 30px 15px;
    }
    .pagination_section{
        margin:100px 0px 50px 0px;
    }
    .cross_icon{
        /* position: absolute;
        color: grey; */
        font-size: 20px;
        padding-top: 15px;
        
    }
    .past_movie_input::-webkit-input-placeholder{
        font-size: 20px;
        text-transform: uppercase;
    
    }
    .past_movie_input{
        width: 95%;
    }
    .form-check{
        padding-left: 2.5em;
    }
    .navbar{
        padding: 10px 0px;
    }
 
    .select-date-width-films{
        width: 30%;
    }
    .select-date-width{
        width: 60%;
    }
    .now_showing_section h3{
        font-size: 30px;
    }
    #hide_text{
        position: absolute;
        /* left: 250px; */
        font-size: 16px;
        top: 39.5%;
        left: 10%;
    }
    .gird-footer{
        display: grid !important;
        grid-template-columns: repeat(2,1fr);
        text-align: left;
    }
    .popcorn_img{
        max-width: 100px;
    }
    .error_text{
        font-size: 60px;
    }
    .error_para{
        font-size: 16px;
    }
    .errro_page{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .home_btn{
        padding: 10px 15px;
        font-size: 14px;
    }
    .carousel-content h3{
        font-size: 30px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .checkout_btn{
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .container-static{
        margin: 0 20px;
    }
    .section-static-page ol {
        padding-left: 0px;
    }
    .section-static-page h3{
        font-size: 24px;
        font-weight: 700;
    }
    .payment_btn{
        padding: 10px 15px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .thanks-note img{
    max-width:90px;
    }
    .book_ticket_section{
        padding-top: 60px;
        margin-bottom: 20px;
    }
    .time-remaining{
        font-size: 16px;
    }
    .details p{
        font-size: 20px !important;
    }
    .checkout-para{
        display: flex;
        flex-wrap: wrap;
    }
    .section-title{
    font-size:30px;
    }
    .carousel-content{
        width: auto;
    }
    .carousel-control-prev,.carousel-control-next{
        display: none !important;
    }
    .carousel-content p{
        font-size: 14px;
    }
    .learn_more{
        padding: 10px 15px;
        margin-bottom: 20px;
    }
    .content_btn{
        font-size: 12px;
    }
    .footer-col-2{
        padding-left: 0px;
        padding-top: 10px;
    }
    .order-2{
        margin-top: 10px;
    }
    .slider_section{
        padding-top: 20px;
    }
    .now_showing_section{
        padding-top: 60px;
    }
    .book-ticket-banner h2{
    	font-size:30px;
    	}
    	.book-ticket-banner p{
    	font-size:20px;
    	}
    	.book-ticket-banner{
    	padding:20px;
    	}
    .date_btn{
        font-size: 14px;
        margin-right: 15px;
    }
    .btn-large-grayMatter{
        font-size: 14px;
        margin-right: 15px;
    }
    .datepicker td, .datepicker th{
        width: 50px !important;
    }
    .card-spacing{
        margin-top: 1rem !important;
    }
    .join_letter_wrapper p{
        margin-bottom: 20px;
    }
    .flex-mob-wrap{
        flex-wrap: wrap;
    }
    .sub_btn{
        width: 100%;
    }
    .rent_para{
        font-size: 14px;
    }
    .rac-content{
        padding: 40px 20px;
    }
    .rac-content .section-title{
        font-size: 30px;
    }
    .chai-content{
        padding: 20px 20px 40px 20px;
    }
    .mob_margin{
        margin-top: 30px !important;
    }
    .pad-top{
        /* padding-top: 120px; */
    }
    .modal-width{
        max-width: 100% !important;
    }
    .now_showing_section .section-title{
        font-size: 42px;
        text-align: center;
    }
    .film_btn .btn-large-grayMatter{
        width: 100%;
    }
    .rent_title{
        font-size: 42px;
        text-align: center;
        display: flex;
    }
    .rent_section_new p{
        font-size: 14px;
        text-align: center;
    }
    .rent_section_new{
        text-align: center;
        padding: 70px 0 100px 0;
    }
    .connect_btn{
        font-size: 14px;
        padding: 10px 15px;
        height: auto;
    }
    .lear_more_rent{
        font-size: 14px;
        padding: 10px 15px;
        height: 40px;
        display: flex;
        align-items: center;
    }
    .img-rent{
        width: 100%;
        padding-bottom: 30px;
    }
    .rac-case-content{
        padding: 2%;
    }
    .rac-case-content .section-title{
        font-size: 30px;
    }
    .rac-case-content-right{
        padding: 2%;
    }
    .rac-case-content-right .section-title{
        font-size: 30px;
    }
    .collab_section .section-title{
        font-size: 50px;
        display: flex;
        justify-content: center;
        margin-bottom: 0px !important;
    }
    .chai-content .section-title{
        font-size: 50px;
        font-weight: 700;
    }
    .collab_section{
        padding: 30px;
        background-image: none;
        background-color: var(--warning);
    }
    .collab_section p{
        font-size: 17px;
    }
    .ticket_btn{
        font-size: 14px;
        width: auto;
        padding: 10px;
    }
    .logo{
        max-width: 90px;
    }
    .stats_title{
        font-size: 30px;
    }
    .single_stats{
        padding: 10px;
    }
    .single_stats h4{
        font-size: 20px;
    }
    .single_stats p{
        font-size: 12px;
    }
    .bg_img{
        background-size: contain;
        background-repeat: no-repeat;
        padding: 90px 0;
    }
    .container-cinema-stats{
        margin: 0 20px;
    }
    .container{
        padding: 0 10px !important;
    }
    .slider_section .carousel-control-next
    {
        display: none !important;
    }
    
    .slider_section .carousel-control-prev{
        display: none !important;
    }
    .slider_section .carousel-content h3{
        font-size: 30px;
    }
    .slider_section .carousel-content p{
        font-size: 14px;
    }
    .carousel-content-width{
        width: 100%;
    }
    .slider_img{
        margin-top: 15px;
        width:100%;
    }
    .stankley_section{
        padding: 60px 0;
    }
    .site-footer{
        padding: 20px 0 20px 0;
        border-top: 1px solid grey;
    }
    .menu-title-ar{
        text-align: left !important;
    }
    .site-footer ul:not(.list-inline) li:not(:last-child) {
        margin-right: 0px;
        margin-bottom: 8px;
      }
      .rac-case-content .section-title{
        margin-bottom: 0px;

      }
      .section-title{
        margin-bottom: 30px;
      }
      .download_btn{
        display: flex;
        height: 40px;
        font-size: 14px;
        width: 290px;
      }
      .container-calender-new{
        margin: 0 20px;
      }
      .slick-item li{
        width: 100% !important;
      }
      .slick-item li a{
        min-width: 80px !important;
        font-size: 1rem !important;
      }
      .slick-item .active{
        min-width: 80px !important;
        font-size: 1rem !important;
      }
      .slick-item{
        padding: 0px !important;
      }
      .slick-item{
        margin-bottom: 3rem !important;
      }
      .table-responsive th{
        font-size: 14px;
      }
      .mobile-listing{
        overflow-y: scroll !important;
      }
      .offcanvas.offcanvas-end{
        overflow-y: scroll !important;
        overscroll-behavior: smooth !important;
      }
      .festival_detail_section{
        padding-top: 50px;
      }
      .festival_detail_section h3{
        font-size: 30px;
      }
      .festive-img-section{
        margin-top: 30px;
      }
      .section-premier p{
        font-size: 12px;
      }
      p.premier-date{
        font-size: 12px;
      }
      .see_btn{
        padding: 10px 15px;
        font-size: 14px;
        border: 2px solid white;
      }
      .calender-body td{
        min-width: 140px;
        padding: 10px !important;
      }
}
@media  (max-width:1200px) {
   
}
@media (max-width:992px){
    .mobile-header{
        display: block !important;
    }
} 
@media screen and (min-width:993px) and (max-width:1600px) {
    .mobile-header{
        display: none !important;
    }
}
@media screen and (min-width:768px) and (max-width:1199px) {
    .site-footer{
        border-top: 1px solid grey;
    }
    .card-spacing{
        margin-top: 1rem !important;
    }
    .calender-body td{
        min-width: 140px;
        padding: 10px !important;
      }
    .errro_page{
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .site-footer ul:not(.list-inline) li:not(:last-child){
        margin-right: 0px;
        margin-bottom: 8px;
    }
    .festive-img-section{
        margin-top: 30px;
    }
    .carousel-content-width{
        width: 100%;
    }
    .download_btn{
        height: 47px;
    }
  
    .rac-case-content-right{
        padding: 10% 30px 10% 0%;
    }
    .collab_section .section-title{
        font-size: 50px;
        margin-bottom: 0px;
    }
    .single_stats{
        padding: 10px;
    }
    .menu-title-ar{
        text-align: center;
    }
    .mobile-listing{
        text-align: center;
    }
    .custom-accordion-button{
        justify-content: center !important;
        text-align: center !important;
        display: block !important;
    }
    .gird-footer{
        display: grid !important;
        grid-template-columns: repeat(4,1fr);
        text-align: left;
    }
    .footer-col-2{
        padding-left: 0px;
    }
    .site-footer{
        padding: 20px 0px 20px 0px;
    }
}
@media (min-width:1200px) and (max-width:1800px){
    .gird-footer{
        /* display: grid !important;
        grid-template-columns: repeat(5,150px); */
        display: flex;
        gap: 25px;
    }
}

.data_section{
    position: relative;
    padding: 75px 0;
    aspect-ratio: 16/9;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,.25);
    background-blend-mode: soft-light;
    color: white;
}

.menu-title-ar {
    font-family: var(--seconday-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    color: #7f939b;
    transition: color .3s ease,font-size .3s ease;
    direction: rtl!important;
    display: block;
}
.menu-title-ar:hover{
color: red;
}
.menu-title-en {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items:center;
    justify-content:center;
}
.menu-title-en svg{
margin-left:10px;
} 
.sb_active {
    color: red !important;
  }

  .sb_active span, .sb_active a{
    color: red !important;
  }