* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: 'CircularStd'
}

:root {
   --blue: #41477B;
   --purple: #523F97;
   --light-green: #B7DFE2;
   --green: #4D9BA0;
   --dark-green: #257378;
   --color-white: #ffffff;
   --color-black: #000000;
   --color-grey: #F0F3F7;
   --orange: #F17B42;
   --dark-blue: #523F97;
   --color-primary: #292C45
}


body {
   line-height: 1.2;
   font-weight: 500;
   font-style: normal;
   background-color: #F0F3F7
}

body em,
body i {
   font-style: italic
}

ol,
ul {
   list-style: none
}

a {
   text-decoration: none;
   color: var(--blue)
}

.text-center {
   text-align: center
}

.d-flex {
   display: flex;
   flex-wrap: wrap
}

.column {
   flex-direction: column
}

.align-center {
   align-items: center
}

.space-center {
   justify-content: center
}

.space-between {
   justify-content: space-between
}

.flex-center {
   display: flex;
   align-items: center;
   justify-content: center
}

.gap-10 {
   gap: 10px
}

.gap-20 {
   gap: 20px
}

.text-white {
   color: var(--color-white)
}

.caps-sub-title {
   text-transform: uppercase;
   font-size: 14px;
   letter-spacing: -1px;
   line-height: 1.2;
   color: var(--orange);
   font-weight: 700;
   margin-bottom: 6px;
   display: block
}

.pink-tag.caps-sub-title {
   color: #7B68C2
}

.light-green-tag.caps-sub-title {
   color: var(--green)
}

.panelist-row .light-green-tag.caps-sub-title {
   color: #4D9BA0;
}

.panelist-row .caps-sub-title {
   color: #F17B42;
}

.panelist-row .pink-tag.caps-sub-title {
   color: #7B68C2;
}

.panelist-row .light-green-tag.caps-sub-title {
   color: var(--green)
}


/* film festival scss */
.film-festival,
.film-festival-detail-page {
   background: #090B1A;
}
.film-festival-detail-page .main {
  padding-top: 60px;
}
.film_festival-template-default #adHeader {
  margin-top: 160px;
  margin-bottom: 0;
}

.btn-wrapper-comp .btn {
   padding: 11px 30px;
   border: 1.5px solid #F0F3F74D;
   color: #F0F3F7 !important;
   background: #FFFFFF33;
   display: flex;
   font-size: 16px;
   font-weight: 500;
   border-radius: 4px;
   align-items: center;
   justify-content: center;
   gap: 10px;
   backdrop-filter: blur(40px)
}

.btn-wrapper-comp .btn.trans-btn {
   background-color: transparent;
   backdrop-filter: none;
}

.btn-wrapper-comp .btn-wrapper-comp {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 8px;
}

.btn-wrapper-comp {
   display: grid;
   gap: 8px;
   grid-template-columns: 1fr 1fr;
}

.btn-wrapper-comp.full-btn {
   grid-template-columns: 1fr;
}
.mob-show{
   display: none;
}
@media(max-width: 768px){
   .mob-hide{
       display: none;
   }
   .mob-show{
       display: block;
   }
}

.film-festival div#header,
.film-festival hr,
.film-festival-detail-page hr,
.film-festival-detail-page div#header {
   display: none;
}

.film-festival .film-video-banner-sec {
   position: relative;
}
.film-video-banner-sec .film-banner-text {
   position: absolute;
   bottom: 60px;
   max-width: 1200px;
   width: 100%;
   margin: 0 auto;
   padding: 0 30px;
   left: 50%;
   justify-content: space-between;
   transform: translateX(-50%);
   align-items: flex-end;
}
.film-video-banner-sec .film-banner-text h1{
   color: #F8C73F;
   font-size: 70px;
   margin-bottom: 41px;
   text-align: left;
   line-height: 1;
   font-weight: 400;
   font-family: 'CircularStd';
   letter-spacing: -2.8px;
}
.film-video-banner-sec .film-banner-text .col-left{
   width: 48%;
}
.film-video-banner-sec .top-img-layer{
   position: absolute;
   left: -10%;
   top: 10%;
   width: 100%;
}
.film-video-banner-sec .bottom-img-layer{
   position: absolute;
   right: -10%;
   bottom: -10%;
   width: 100%;
   display: flex;
   justify-content: flex-end;
}
.film-video-banner-sec .film-banner-text h1 span:nth-of-type(1){
   color: #F0F3F7;
   position: relative;
   padding: 10px 25px 10px 15px;
   display: inline-block;
}
.film-video-banner-sec .film-banner-text h1 span{
   letter-spacing: -3.6px;
}
.film-video-banner-sec .film-banner-text h1 span:nth-of-type(2){
   display: block;
}
.film-video-banner-sec .film-banner-text h1 span:nth-of-type(1):after {
   position: absolute;
   background-image: url("../images/banner-small-layer-img02.svg");
   width: 100%;
   content: "";
   height: 180px;
   transform: rotate(0deg);
   left: 0;
   bottom: -65px;
   background-repeat: no-repeat;
   z-index: -1;
   background-size: cover;
   background-position: center;
}
.film-video-banner-sec .film-banner-text .col-left li{
   display: flex;
   align-items: flex-start;
}

.film-video-banner-sec .film-banner-text .col-left li img{
   width: 19px;
}
.film-video-banner-sec .film-banner-text .col-left li p{
   width: calc(100% - 30px);
   padding-left: 11px;
   margin-bottom: 0;
   font-size: 18px;
   color: #B7BACE;
   line-height: 1.3;
   letter-spacing: -0.36px;
}
.film-video-banner-sec .film-banner-text .col-left ul{
   max-width: 480px;
   margin-bottom: 0;
}
.film-video-banner-sec .film-banner-text p{
   font-size: 18px;
   color: #B7BACE;
   line-height: 1.3;
}
.film-video-banner-sec .film-banner-text .col-right{
   width: 39%;
}
/* body footer{
   position: relative;
   border-radius: 0;
}
body::after{
   position: absolute;
   bottom: -13px;
   content: "";
   width: 100%;
   height: 13px;
   left: 0;
   background-color: #fff;
} */
.film-video-banner-sec .film-banner-text .col-right h2{
   color: #F0F3F7;
   font-size: 28px;
   line-height: 1.3;
   margin-bottom: 14px;
   letter-spacing: -1.12px;
}
.film-video-banner-sec .film-banner-text .col-right p{
   max-width: 430px;
}
.film-video-banner-sec .film-banner-text .col-right p:nth-last-of-type(1){
   margin-bottom: 0;
}

.film-festival .film-video-banner-sec::before {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: radial-gradient(104.62% 104.62% at 50% -4.62%, rgba(32, 34, 53, 0) 45%, #090B1A 100%);
   background: radial-gradient(104.62% 104.62% at 50% -4.62%, rgba(32, 34, 53, 0) 5%, #090B1A 100%);
   content: "";
}

.film-festival header .container .nav-menu li a,
.film-festival-detail-page header .container .nav-menu li a {
   color: #F0F3F7;
}
/* .film-festival .header-container header .container,
.film-festival-detail-page .header-container header .container{
   max-width: 1290px;
   width: 100%;
} */

.film-festival .hamburger span,
.film-festival-detail-page .hamburger span {
   background-color: #fff;
}

.film-festival .new-account-button i:before,
.film-festival-detail-page .new-account-button i:before,
.film-festival .new-account-buttons i:before,
.film-festival-detail-page .new-account-buttons i:before,
.film-festival header .container .header-logo img,
.film-festival-detail-page header .container .header-logo img {
   filter: invert(1);
}

.film-festival .side-menu.side-menu-open .hamburger span,
.film-festival-detail-page .side-menu.side-menu-open .hamburger span {
   background-color: #000;
}

.film-festival header .container .icons .icon-search,
.film-festival-detail-page header .container .icons .icon-search {
   color: #fff;
}

.film-festival .main-container header,
.film-festival-detail-page .main-container header {
   position: absolute;
   top: 0;
   width: 100%;
}

.film-festival header .container,
.film-festival-detail-page header .container {
   backdrop-filter: blur(100px);
   background: #FFFFFF26;
   box-shadow: 0px 40px 50px 0px #2528391A;
}

.film-festival header .container .icons a,
.film-festival-detail-page header .container .icons a,
.film-festival header .container .icons a.hover,
.film-festival-detail-page header .container .icons a.hover {
   color: #fff;
}

.film-festival .film-video-banner-sec video {
   width: 100%;
}

.film-festival .main,
.film-festival-detail-page .main {
   padding: 0;
   margin-top: 0;
}

.film-festival-detail-page .main{
   padding-top: 110px;
}

.film-festival .banner-video {
   width: 100%;
}

.film-festival .video-poup-wrapper .video-wrapper {
   border-radius: 25px;
   max-width: 1520px;
   margin: 0 auto;
   width: 100%;
   position: relative;
   height: 100%;
}

.film-festival .video-poup-wrapper .video-wrapper .video-box {
   height: 100%;
   width: 100%;
}

.film-festival .video-poup-wrapper .video-wrapper .video-box img,
.film-festival .video-poup-wrapper .video-wrapper .video-box video {
   border-radius: 25px;
   width: 100%;
   object-fit: cover;
   height: 100%;
}

.film-festival .video-poup-wrapper {
   height: 680px;
   padding: 0 30px;
   width: 100%;
   position: relative;
}

.film-festival .video-poup-wrapper .video-content-row {
   padding: 0 67px;
   gap: 60px;
   align-items: center;
   position: absolute;
   top: 91px;
   width: 100%;
}

.film-festival .video-poup-wrapper .video-content-row .img-col {
   width: 27%;
}
.film-festival .video-poup-wrapper .video-content-row .img-col img{
   width: 100%;
}

.film-festival .video-poup-wrapper .video-content-row .text-col {
   width: 65%;
}

.film-festival .video-poup-wrapper .video-content-row .text-col .content-box {
   max-width: 574px;
}

.film-festival .video-poup-wrapper .text-col * {
   color: #F0F3F7;
}

.film-festival .video-poup-wrapper .text-col p,
.film-festival .film-detail-wrapper-box .detail-text-box p {
   font-size: 18px;
   color: #F0F3F7;
   line-height: 1.3;
}
.film-festival{
   position: relative;
}
.film-festival::after{
   position: absolute;
   top: 900px;
   background: radial-gradient(126.6% 126.6% at 50% -26.6%, rgba(239, 190, 60, 0) 45%, #090B1A 100%);
   content: '';
   width: 100%;
   height: calc(100% - 900px);
   display: none;
   left: 0;
   z-index: 1;
}
.film-detail-wrapper-box, .video-poup-wrapper, .card-wrapper-box, .add-box, footer{
   z-index: 2;
   position: relative;
}
.film-video-banner-sec .add-box-wrapper, .film-festival #adHeader {
   position: absolute !important;
   top: 200px;
   left: 50%;
   transform: translateX(-50%);
   width: 100%;
   margin-top: 0;
   padding: 0 !important;
   z-index: 9;
}
.add-box-wrapper{
   background: #FFFFFF33;
   backdrop-filter: blur(100px);
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 748px;
   padding: 36px 20px;
   border-radius: 5px;
   margin: 30px auto 0;
}
.add-box-wrapper h3{
   margin: 0;
   color: rgba(255, 255, 255, .80);
   font-size: 14px;
   font-weight: 700;
}
.bottom-ad-box{
   margin-bottom: 60px;
}

.film-detail-wrapper-box .video-popup-box{
   width: 100%;
   z-index: 999;
   position: fixed;
   max-width: 1920px;
   margin: 0 auto;
   top: 0;
   left: 0;
   display: none;
   opacity: 0;
   visibility: hidden;
   transition: all .5s ease-in-out; 
   align-items: center; 
   justify-content: center;
   background-color: #fff;
   left: 50%;
   aspect-ratio: 16 / 9;
   top: 50%;
   max-width: 800px;
   transform: translate(-50%, -50%);
}
/* @media(max-width: 1340px){
   .film-festival .header-container header .container,
   .film-festival-detail-page .header-container header .container{
      max-width: 95%;
   }
} */
 @media(min-width: 1600px){
   .film-festival .film-video-banner-sec {
       position: relative;
       height: 800px;
   }
 }
@media(min-width: 1280px){
   .film-detail-wrapper-box .video-popup-box{
       max-width: 1150px;
       height: auto;
       aspect-ratio: 16 / 9;
   }
}
body.active-popup{
   position: relative;
}
.film-detail-wrapper-box .video-popup-box.open-popup::before{
   background-color: rgba(0, 0, 0, .8);
   width: 4000px;
   height: 4000px;
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.active-popup .film-festival .main-container header, .active-popup .film-festival-detail-page .main-container header{
   z-index: 1;
}
.film-detail-wrapper-box .video-popup-box .video-box{
   margin: 0 auto;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 100%;
   /* padding: 20px; */
}
.film-detail-wrapper-box .video-popup-box.open-popup{
   opacity: 1;
   display: flex;
   visibility: visible;
}
.film-detail-wrapper-box .video-popup-box .video-box img, video{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
html.active-popup {
   overflow: hidden;
}
.film-festival-detail-page{
   position: relative;
}
.film-detail-wrapper-box .video-popup-box .popup-back-btn {
   position: absolute;
   z-index: 99;
   top: 30px;
   right: 30px;
}
@media(min-width: 769px){
   .video-popup-box .popup-back-btn {
      opacity: 0;
      transition: opacity 0.3s ease;
   }
   .video-popup-box .video-box:hover .popup-back-btn {
      opacity: 1;
   }
}
body{
   position: relative;
}
.g_id_signin, .g_id_onload{
   position: absolute;
   bottom: 4px;
   z-index: 9;
   border-bottom: 0;
}
.film-detail-wrapper-box .video-popup-box .popup-back-btn a{
   font-size: 30px;
   font-weight: 500;
   line-height: 1.2;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   background-color: rgba(0,0,0,.45);
   width: 40px;
   height: 40px;
   border-radius: 4px;
   text-decoration: none !important;
   opacity: 1;
   justify-content: center;
}
.film-detail-wrapper-box .video-popup-box .popup-back-btn a img{
   margin-right: 10px;
   padding-right: 10px;
   border-right: 2px solid rgba(143, 165, 185, .30);
}
.film-festival .video-poup-wrapper .text-col .btn-wrapper-comp,
.film-festival .film-detail-wrapper-box .detail-text-box .btn-wrapper-comp {
   margin-top: 40px;
   max-width: 330px;
}
.film-festival .film-detail-wrapper-box .detail-text-box .btn-wrapper-comp{
   padding: 0;
}

.film-festival .video-poup-wrapper .text-col ul,
.film-festival .film-detail-wrapper-box .detail-text-box ul {
   gap: 30px;
   margin-bottom: 10px;
}

.film-festival .video-poup-wrapper .text-col ul li,
.film-festival .film-detail-wrapper-box .detail-text-box ul li {
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 700;
   gap: 8px;
   display: flex;
   color: #F0F3F7;
   align-items: center;
   letter-spacing: -0.42px;
}

.film-festival .video-poup-wrapper .text-col h2,
.film-festival .film-detail-wrapper-box .detail-text-box h2 {
   font-size: 40px;
   font-weight: 400;
   letter-spacing: -2.5px;
   color: #F0F3F7;
   font-family: CircularStd-Book, sans-serif;
   margin-bottom: 30px;
   line-height: 1;
}

.film-festival .video-poup-wrapper .text-col ul li span,
.film-festival .film-detail-wrapper-box .detail-text-box ul li span {
   color: #F8C73F;
}

.film-festival .add-box img,
.film-festival-detail-page .add-box img {
   width: 100%;
}

.film-festival .add-box,
.film-festival-detail-page .add-box {
   background-color: transparent;
}

.film-festival .main-container,
.film-festival-detail-page .main-container {
   width: 100%;
   background-color: transparent;
}

.film-festival .card-wrapper-box {
   position: relative;
   padding: 40px 60px;
   width: 100%;
   max-width: 1290px;
   margin: 30px auto 60px;
   border-radius: 20px;
   background: #FFFFFF1A;
   backdrop-filter: blur(100px);
   /* background:
       linear-gradient(#1a1a1a, #1a1a1a) padding-box,
       linear-gradient(70.55deg, rgba(255, 255, 255, 0.2) 32.33%, rgba(137, 145, 218, 0.2) 77.62%) border-box;
   border: 1px solid transparent; */

}

.film-festival header .submenu,
.film-festival-detail-page header .submenu {
   top: -180%;
   opacity: 0;
}

header .submenu.visible, 
header .submenu:hover{
   opacity: 1 !important;
   top: 155px !important;
}
.film-festival header .container .nav-menu li.hover a,
.film-festival header .container .nav-menu li:hover a,
.film-festival-detail-page header .container .nav-menu li.hover a,
.film-festival-detail-page header .container .nav-menu li:hover a {
   text-decoration: none;
   color: #f8c73f;
}
.film-festival .header-container,
.film-festival-detail-page .header-container {
   height: auto;
}

.film-festival .card-wrapper-box .three-grid-col {
   display: flex;
   flex-wrap: wrap;
   gap: 60px 21px;
}
.film-festival .card-wrapper-box .three-grid-col .img-col-box{
   width: calc(33.33% - 14px);
}
.film-festival .card-wrapper-box .three-grid-col .img-col-box.coming-soon .img-box{
   display: flex;
   flex-direction: column;
   align-items: center;
   border: 1.5px solid #FFFFFF1A;
   border-radius: 5px;
   background: rgba(0, 0, 0, .3);
   justify-content: center;   
   position: relative;
}
.film-festival .card-wrapper-box .three-grid-col .img-col-box.coming-soon .img-box h3 {
   color: #F0F3F7;
   font-size: 28px;
   top: 50%;
   left: 50%;
   margin-bottom: 0;
   position: absolute;
   transform: translate(-50%, -50%);
   width: 100%;
   text-align: center;
   padding: 0 10px;
}
.film-festival .card-wrapper-box .three-grid-col .img-col-box.custom_ad_box .img-box {
   height: 600px;
   max-width: 300px;
   margin-left: auto;
   background: #F0F3F71A;
   -webkit-backdrop-filter: blur(100px);
   backdrop-filter: blur(100px);
   display: flex;
   align-items: center;
   justify-content: center;
}
.film-festival .card-wrapper-box .three-grid-col .img-col-box.custom_ad_box .img-box h3{
   color: #F0F3F7;
   font-size: 14px;
   font-weight: 700;
   margin: 0;
   font-family: 'CircularStd';
}


.film-festival .card-wrapper-box .img-box {
   background-size: cover;
   background-position: center top;
   height: 506px;
   background-repeat: no-repeat;
   width: 100%;
   position: relative;
   border-radius: 5px;
}
.film-festival .card-wrapper-box .comp-news-sec .line-heading h3,
.film-festival .card-wrapper-box .comp-news-sec .line-heading .filter-button-wrapper select,
.film-festival .card-wrapper-box .bottom-text h6, .film-festival .card-wrapper-box .bottom-text h3{
   color: #F0F3F7;
   letter-spacing: -1.12px;
}
.film-festival .card-wrapper-box .comp-news-sec .line-heading .filter-button-wrapper select{
   border: 2px solid rgba(143, 165, 185, .30);
   border-radius: 5px;
}
.film-festival .card-wrapper-box .img-box img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.film-festival .card-wrapper-box .img-box a {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.film-festival .card-wrapper-box .bottom-text h6 {
   text-transform: uppercase;
   font-weight: 700;
   font-size: 14px;
}

.film-festival .card-wrapper-box .bottom-text {
   margin-top: 30px;
}

.film-festival .card-wrapper-box .bottom-text h3 {
   font-size: 28px;
   margin-bottom: 30px;
   font-weight: 500;
}

.film-festival .comp-news-sec .line-heading {
   margin-bottom: 55px;
   border-bottom-color: rgba(143, 165, 185, .30);
}

.film-festival .card-wrapper-box .bottom-text h6 span {
   color: #8FA5B9 !important;
   letter-spacing: -0.42px;
}
.film-festival .card-wrapper-box .bottom-text h6{
   letter-spacing: -0.42px;
}

.film-festival .card-wrapper-box .img-col-box .img-box img {
   height: 100%;
   width: 100%;
   object-position: center top;
   border-radius: 5px;
}

/* Detail page css */
.back-btn-box {
   position: relative;
   padding: 0 15px;
   width: 100%;
   margin: 0 auto;
   max-width: 1320px;
}

.back-btn-box a {
   color: #F0F3F7 !important;
   display: inline-flex;
   align-items: center;
   font-size: 16px;
   padding: 0 60px;
   font-weight: 500;
}

.back-btn-box a img {
   margin-right: 10px;
   padding-right: 10px;
   border-right: 2px solid rgba(143, 165, 185, .30);
   height: 24px;
   width: 20px;
}

.film-detail-wrapper-box {
   padding: 0 20px 60px;
}

.film-festival .film-detail-wrapper-box .card-wrapper-box {
   padding: 45px 60px;
   margin: 20px auto 0;
}

.film-festival .film-detail-wrapper-box .detail-text-box {
   width: 58.1%;
}

.film-festival .film-detail-wrapper-box .detail-img-box {
   width: 35.1%;
}

.film-festival .film-detail-wrapper-box .detail-img-box .img-box {
   height: 551px;
}

.film-festival .film-detail-wrapper-box .detail-text-box .btn-wrapper-comp {
   padding-bottom: 61px;
   margin-bottom: 30px;
   border-bottom: 2px solid rgba(143, 165, 185, .30);
   max-width: 100%;
   display: flex;
}

.film-festival .film-detail-wrapper-box .detail-text-box .credit-box-wrapper h3 {
   font-size: 28px;
   font-weight: 500;
   color: #F0F3F7;
   font-family: CircularStd-Book, sans-serif;
   margin-bottom: 13px;
}

.film-festival .film-detail-wrapper-box .detail-text-box .credit-box-wrapper .user-tag {
   color: #F8C73F;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 5px;
}

.film-festival .film-detail-wrapper-box .detail-text-box .credit-box-wrapper p {
   font-size: 18px;
   color: #F0F3F7;
   line-height: 1.3;
   margin-bottom: 0;
}

.film-festival .film-detail-wrapper-box .detail-text-box .credit-box-wrapper .box {
   width: 33.33%;
}

.film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper {
   padding-right: 0 !important;
}
.film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper .heading-comp h3{
   letter-spacing: -1.12px;
}
.film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper .detail_box + .card-wrapper-box{
   border: none;
   padding-left: 0;
   outline: none;
   padding-bottom: 80px;
   background: transparent;
   backdrop-filter: none;
}

.film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper .inner-row {
   border-bottom: 2px solid rgba(143, 165, 185, .30);
   padding-bottom: 61px;
   margin-bottom: 26px;
}
.gallery-slider-box .gallery-img-box {
   max-width: 100%;
   height: 407px;
   border-radius: 10px;
}
.gallery-slider-box .gallery-img-box img{
   width: 100%;
}
.card-wrapper-box.detail_box_wrapper .gallery-slider-box .slick-track{
   display: flex;
}
@media(max-width: 768px){
   .gallery-slider-box .gallery-img-box{
       height: 370px;
   }
}
@media(min-width: 768px){
   .film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper .inner-row{
       margin-bottom: 70px;
   }
}

.film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper .detail_box {
   padding-right: 60px;
}

.film-festival .film-detail-wrapper-box .gallery-slider .slick-slide {
   padding: 0 10px;
}

.gallery-slider .slick-list.draggable {
   margin-left: -10px;
}

.film-festival .film-detail-wrapper-box .gallery-slider img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   border-radius: 10px;
   border-radius: 5px;
}

.film-festival .film-detail-wrapper-box .gallery-slider-box .heading-comp {
   padding-right: 60px;
}

.film-festival .film-detail-wrapper-box .slick-arrow {
   font-size: 0;
   outline: none;
   width: 45px;
   background-color: transparent;
   height: 45px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   right: 62px;
   top: -80px;
   border: 2px solid #F0F3F74D;
   border-radius: 4px;
   cursor: pointer;
}

.film-festival .film-detail-wrapper-box .slick-arrow::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #F0F3F7;
   font-size: 16px;
   font: normal normal normal 14px/1 FontAwesome;
}
.film-festival .film-detail-wrapper-box .slick-arrow.slick-disabled{
   cursor: auto;
   opacity: .4;
}

.film-festival .film-detail-wrapper-box .slick-arrow.slick-prev {
   right: 112px;
}

.film-festival .film-detail-wrapper-box .slick-arrow.slick-prev::before {
   transform: translate(-50%, -50%) rotate(180deg);
}

.heading-comp h3 {
   font-size: 28px;
   font-weight: 500;
   color: #F0F3F7;
   margin-bottom: 40px;
}

.film-festival .film-detail-wrapper-box .resource-sec {
   padding-bottom: 22px;
}

.film-festival .film-detail-wrapper-box .resource-sec .slide-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 5px;
   border-radius: 10px;
}

.film-festival .film-detail-wrapper-box .resource-sec .slide-img {
   height: 407px;
   border-radius: 10px;
}

.film-festival .film-detail-wrapper-box .resource-sec .slick-arrow,
.film-festival .film-detail-wrapper-box .related-topic-sec .slick-arrow {
   right: 0;
}

.film-festival .film-detail-wrapper-box .resource-sec .slick-arrow.slick-prev,
.film-festival .film-detail-wrapper-box .related-topic-sec .slick-arrow.slick-prev {
   right: 50px;
}

.film-festival .film-detail-wrapper-box .resource-sec .slider-bottom-text {
   padding: 20px 0 0 20px;
}

.film-festival .film-detail-wrapper-box .resource-sec .slider-bottom-text span.tag {
   background-color: transparent;
   padding: 0;
   text-transform: uppercase;
   font-size: 14px;
   text-align: left;
   font-weight: 700;
   margin-bottom: 6px;
   display: block;
}
.film-festival .film-detail-wrapper-box .resource-sec .slider-bottom-text p, 
.film-festival .film-detail-wrapper-box .resource-sec .slider-bottom-text p a{
   font-size: 20px;
   color: #F0F3F7;
   font-weight: 400;
   line-height: 1.2;
   margin-bottom: 0;
}

.film-festival .film-detail-wrapper-box .resource-sec .slick-slide {
   padding: 0 4px;
}

@media(min-width: 1140px){
   .film-festival .film-detail-wrapper-box .resource-sec .slick-track{
       display: flex;
       margin: 0;
   }
   .film-festival .film-detail-wrapper-box .resource-sec .slick-slide{
       width: 338px !important;
   }
   .film-festival .film-detail-wrapper-box .resource-sec .slick-slide:nth-of-type(1), .film-festival .film-detail-wrapper-box .gallery-slider .slick-slide:nth-of-type(1) {
       width: 434px !important;
   }
}
@media (min-width: 1366px){
   .film-festival .film-detail-wrapper-box .resource-sec .slick-slide:nth-of-type(1), .film-festival .film-detail-wrapper-box .gallery-slider .slick-slide:nth-of-type(1) {
       width: 498px !important;
   }
}

.film-festival .film-detail-wrapper-box .resource-sec .slick-list.draggable {
   margin-left: -4px;
}

.film-festival .film-detail-wrapper-box .related-topic-sec {
   padding-bottom: 15px;
}

.film-festival .film-detail-wrapper-box .related-topic-sec .box-wrapper {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 8px;
}
.related-topic-sec .heading-comp h3{
   letter-spacing: -1.12px;
}

.film-festival .film-detail-wrapper-box .related-topic-sec .box-wrapper .col-box a {
   background-color: #F5F6F9;
   display: flex;
   padding: 33px 55px 33px 40px;
   letter-spacing: -.78px;
   height: 100%;
   text-decoration: none;
   align-items: center;
   justify-content: space-between;
   color: #41477B;
   font-size: 26px;
   font-weight: 400;
   line-height: 1.1;
   border-radius: 10px;
   min-height: 124px;
}

.film-festival .film-detail-wrapper-box .related-topic-sec .box-wrapper .col-box .fa-angle-right {
   padding-left: 30px;
   font-size: 25px;
}

.film-festival .film-detail-wrapper-box .detail-text-box .btn-wrapper-comp.show-on-mob {
   display: none;
}
.film-festival .comp-news-sec .line-heading .filter-button-wrapper select{
   background-image: url("../images/white-arrow-icon.svg");
   background-position: 90% 21px;
   padding: 13px 27px 13px 15px;
}
.film-festival .comp-news-sec .line-heading .filter-button-wrapper #chapter-sort option{
   color: #000;
}
.film-listing-popup{
   padding: 0;
   z-index: 9;
}
.film-festival .film-detail-wrapper-box .card-wrapper-box .btn-wrapper-comp .btn {
   padding: 10px 30px;
}
.film-festival .film-detail-wrapper-box .card-wrapper-box .btn-wrapper-comp .trans-btn{
   background-color: transparent;
   padding: 10px 30px;
   border: 1.5px solid #F0F3F74D;
   color: #F0F3F7 !important;
   display: flex;
   font-size: 16px;
   font-weight: 500;
   cursor: pointer;
   text-decoration: none;
   border-radius: 4px;
   align-items: center;
   justify-content: center;
   backdrop-filter: unset;
}


@media(max-width: 1320px){
   .film-festival .card-wrapper-box{
       max-width: 96%;
   }
}
@media(max-width: 1280px){
   .film-festival .card-wrapper-box .bottom-text h3{
       font-size: 24px;
   }
}
@media(max-width: 1199px) {
   .film-festival .video-poup-wrapper .video-content-row{
       padding: 0 35px;
   }
   .btn-wrapper-comp .btn{
       font-size: 16px;
       padding: 9px 15px;
   }
   .film-festival .card-wrapper-box .bottom-text{
       margin-top: 20px;
   }
   .film-festival .card-wrapper-box .bottom-text h3{
       font-size: 18px;
       margin-bottom: 20px;
   }
   .film-festival .card-wrapper-box .img-box{
       height: 450px;
   }
   .film-festival .video-poup-wrapper{
       height: 580px;
   }
   .film-festival .video-poup-wrapper .text-col p{
       font-size: 16px;
       line-height: 1.2;
   }
   .film-festival .video-poup-wrapper .text-col h2{
       font-size: 45px;
       margin-bottom: 20px;
   }
   .film-festival .film-detail-wrapper-box .card-wrapper-box {
       padding: 40px;
   }

   .film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper .detail_box {
       padding-right: 40px;
   }

   .film-festival .video-poup-wrapper .text-col p,
   .film-festival .film-detail-wrapper-box .detail-text-box p,
   .film-festival .film-detail-wrapper-box .detail-text-box .credit-box-wrapper p {
       font-size: 16px;
   }

   .film-festival .film-detail-wrapper-box .detail-text-box .btn-wrapper-comp {
       padding-bottom: 40px;
       margin-top: 20px;
   }
   .film-festival .card-wrapper-box{
       padding: 40px;
   }
   .film-festival .film-video-banner-sec video{
       height: 700px;
       object-fit: cover;
   }
}

@media(max-width: 992px) {
   .film-festival .film-detail-wrapper-box .detail-text-box {
       width: 100%;
   }
   .film-detail-wrapper-box .video-popup-box{
       max-width: 95%;
   }
   .film-festival .film-detail-wrapper-box .detail-img-box{
       margin-top: 30px;
   }
   .film-festival .main-container header, .film-festival-detail-page .main-container header{
       padding: 0;
      }
   .film-video-banner-sec .add-box-wrapper{
       max-width: 500px;
       top: 75px;
       padding: 25px 20px;
   }
   .film-festival #adHeader{
       top: 75px;
   }
   .film-festival .video-poup-wrapper .video-content-row .text-col {
       width: 63%;
   }
   .film-video-banner-sec .film-banner-text h1 span::after{
       display: none;
   }
   .film-video-banner-sec .film-banner-text h1 span:nth-of-type(1){
       padding: 0;
   }
   .film-festival .film-video-banner-sec video {
       height: 730px;
   }
   .film-video-banner-sec .film-banner-text .col-right p,
   .film-video-banner-sec .film-banner-text .col-left li p{
       font-size: 16px;
   }
   .film-video-banner-sec .film-banner-text h1{
       font-size: 50px;
       margin-bottom: 25px;
   }
   .film-video-banner-sec .film-banner-text .col-right{
       width: 45%;
   }
   .film-festival .video-poup-wrapper {
       height: 450px;
   }
   .film-festival .card-wrapper-box .three-grid-col {
       gap: 40px 0;
       justify-content: space-between;
   }
   .film-festival .card-wrapper-box .bottom-text h6{
       display: none;
   }
   .film-festival .card-wrapper-box .three-grid-col .img-col-box{
       width: 48%;
   }
   .film-festival .card-wrapper-box{
       padding: 40px 20px;
   }
   
   .film-festival .video-poup-wrapper .text-col p{
       font-size: 14px;
       line-height: 1.3;
   }
   .film-festival .video-poup-wrapper .text-col p{
       margin-top: 23px;
   }
   .film-festival-detail-page .main{
       padding-top: 70px;
   }
   .film-festival .film-detail-wrapper-box .related-topic-sec .box-wrapper .col-box a {
       padding: 28px 45px 28px 35px;
       height: 100%;
       font-size: 26px;
   }
   .film-festival .video-poup-wrapper .text-col h2, .film-festival .film-detail-wrapper-box .detail-text-box h2{
       font-size: 36px;
   }
   .film-festival .film-detail-wrapper-box .card-wrapper-box {
       padding: 30px;
   }

   .film-festival .film-detail-wrapper-box .detail-img-box {
       width: 100%;
   }

   .film-festival .film-detail-wrapper-box .detail-img-box .img-box {
       height: 100vh;
   }
   .film-festival .film-detail-wrapper-box .related-topic-sec .box-wrapper .col-box a{
       font-size: 22px;
   }
}

@media(max-width: 768px) {

   .film-festival .video-poup-wrapper .text-col p,
   .film-festival .film-detail-wrapper-box .detail-text-box p,
   .film-festival .film-detail-wrapper-box .detail-text-box .credit-box-wrapper p {
       font-size: 16px;
       color: #B7BACE;
   }
   .film-festival .film-detail-wrapper-box .card-wrapper-box .btn-wrapper-comp .trans-btn{
      margin-top: 20px;
   }
   .film_festival-template-default #main .ad::before{
       display: none;
   }
   .film-festival #main .ad::before {
       display: none;
   }
   .film_festival-template-default #main .ad, 
   .film-festival #main .ad{
       background-color: transparent;
   }
   .film-festival .film-video-banner-sec video {
       height: 830.2px;
   }
   .related-topic-sec .heading-comp h3{
       letter-spacing: -0.96px;
   }
   .film-festival .film-detail-wrapper-box .detail-img-box{
       margin-top: 0;
   }
   .film-festival .card-wrapper-box{
       margin-bottom: 50px;
   }
   .film-festival .card-wrapper-box .three-grid-col .img-col-box.coming-soon .img-box h3{
       font-size: 18px;
   }
   .bottom-ad-box{
       margin-bottom: 30px;
   }
   .add-box-wrapper {
       background: #FFFFFF33;
       backdrop-filter: blur(100px);
       max-width: 748px;
       padding: 19px 20px;
       border-radius: 5px;
       max-width: 358px;
   }
   .add-box-wrapper h3{
       font-size: 12px;
       color: rgba(240, 243, 247, .80);
   }
   .film-video-banner-sec .add-box-wrapper{
       max-width: 358px;
       top: 85px;
       padding: 20px 20px;
   }
   .film-festival #adHeader{
       top: 85px;
   }
   .film-festival .card-wrapper-box .three-grid-col .img-col-box.custom_ad_box .img-box{
       height: 250px;
       margin: 0 auto;
       max-width: 300px;
   }
   .film-festival .card-wrapper-box .three-grid-col .img-col-box.custom_ad_box{
       display: flex;
       align-items: center;
       width: 100%;
       justify-content: center;
   }
   /* .film-detail-wrapper-box .video-popup-box{
       height: 70vh;
   } */
   .film-festival .card-wrapper-box .comp-news-sec .line-heading .filter-button-wrapper select{
       font-size: 16px;
   }
   .film-festival .film-detail-wrapper-box .gallery-slider .slick-slide{
       padding: 0 0 0 10px;
   }
   .film-detail-wrapper-box {
       padding-bottom: 30px;
   }
   .film-video-banner-sec .film-banner-text{
       bottom: 40px;
   }
   .film-video-banner-sec .film-banner-text .col-right p:nth-last-of-type(1){
       margin-bottom: 0;
   }
   .film-festival .video-poup-wrapper .text-col p{
       color: #F0F3F7;
   }
   .film-video-banner-sec .top-img-layer{
       width: 50%;
   }
   .film-video-banner-sec .top-img-layer img,
   .film-video-banner-sec .bottom-img-layer img{
       width: 100%;
   }
   .film-video-banner-sec .bottom-img-layer{
       bottom: -60px;
       width: 60%;
   }
   .film-detail-wrapper-box .video-popup-box .popup-back-btn{
       top: 15px;
       right: 15px;
   }
   .film-detail-wrapper-box .video-popup-box .popup-back-btn a{
       font-size: 18px;
       width: 30px;
       height: 30px;
   }
   .film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper{
       max-width: 100%;
   }
   .film-festival .video-poup-wrapper .video-wrapper{
       padding: 0 15px;
   }
    .film-video-banner-sec .film-banner-text .col-right p,
   .film-video-banner-sec .film-banner-text .col-left li p{
       font-size: 16px;
   }
   .film-video-banner-sec .film-banner-text .col-left,
   .film-video-banner-sec .film-banner-text .col-right{
       width: 100%;
   }
   
   .film-video-banner-sec .film-banner-text .col-right{
       margin-top: 30px;
       padding-top: 0;
       width: 100%;
       border-top: 2px solid transparent;
   }
   .film-video-banner-sec .film-banner-text .col-right p{
       max-width: 100%;
   }
   .film-video-banner-sec .film-banner-text .col-right h2{
       font-size: 24px;
   }
   .film-video-banner-sec .film-banner-text .col-left h1 span{
       display: block;
   }
   .film-video-banner-sec .film-banner-text .col-left, .film-video-banner-sec .film-banner-text .col-right
   .film-festival .comp-news-sec .filter-button-wrapper{
       display: block;
   }
   .film-festival .card-wrapper-box .comp-news-sec .line-heading h3{
       width: calc(100% - 125px);  
       padding-right: 20px; 
   }
   .film-festival .card-wrapper-box .comp-news-sec .line-heading .filter-button-wrapper{
       width: 125px;
       display: block;
   }
   .film-festival .comp-news-sec .line-heading .filter-button-wrapper select{
       width: 100%;
   }
   .film-festival .comp-news-sec .line-heading{
       margin-bottom: 30px;
       border: none;
       padding-bottom: 0;
   }
   .film-festival .card-wrapper-box{
       max-width: 92%;
   }
   .film-festival .video-poup-wrapper .video-content-row{
       position: relative;
       padding: 0;
       gap: 30px;
       top: 0;
       left: 0;
   }
   .film-festival .video-poup-wrapper .video-content-row .img-col, 
   .film-festival .video-poup-wrapper .video-content-row .text-col{
       width: 100%;
   }
   .film-festival .video-poup-wrapper .video-content-row .text-col{
       padding: 0 15px;
   }
   .film-video-banner-sec .film-banner-text h1{
       font-size: 48px;
       letter-spacing: -1.92px;
   }
   .film-festival .video-poup-wrapper .video-content-row .text-col .content-box{
       max-width: 100%;
       border-bottom: 2px solid rgba(65, 71, 123, .50);
       margin-bottom: 8px;
       padding-bottom: 30px;
   }
   .film-festival .video-poup-wrapper .text-col .btn-wrapper-comp{
       max-width: 100%;
       margin-top: 23px;
   }
   .film-festival .video-poup-wrapper{
       height: auto;
       padding: 0;
   }
   
   .film-festival .video-poup-wrapper .video-wrapper .video-box{
       background-image: none;
       display: none;
   }
   .film-festival .card-wrapper-box .bottom-text .btn-wrapper-comp{
       display: flex;
       flex-direction: column;
   }
   .film-festival .card-wrapper-box .img-box{
       height: 350px;
   }
   .btn-wrapper-comp .btn{
       font-size: 16px;
       padding: 5px 16px;
   }
   .film-festival .card-wrapper-box{
       padding: 21px 15px 54px;
   }
   .film-festival .film-detail-wrapper-box .related-topic-sec{
       padding: 0 30px 0 0;
   }
   .film-festival .film-detail-wrapper-box .related-topic-sec .box-wrapper .col-box a{
       padding: 30px;
       font-size: 20px;
       min-height: 104px;
   }

   .credit-box-wrapper {
       border-top: 1px solid rgba(65, 71, 123, .50);
       padding-top: 20px;
   }

   .film-festival .film-detail-wrapper-box .detail-text-box .credit-box-wrapper h3 {
       margin-bottom: 10px;
       font-size: 24px;
   }

   .film-festival .film-detail-wrapper-box .detail-text-box ul {
       justify-content: space-between;
   }

   .film-festival .film-detail-wrapper-box .detail-text-box .btn-wrapper-comp.show-on-mob {
       display: block;
       padding-bottom: 20px;
       margin-bottom: 0;
       border: none;
   }

   .film-festival .film-detail-wrapper-box .detail-text-box .btn-wrapper-comp.hide-on-mob {
       display: none;
   }

   .film-festival .film-detail-wrapper-box .detail-text-box {
       margin-top: 30px;
   }

   .back-btn-box a {
       padding: 0;
   }

   .film-festival .film-detail-wrapper-box .detail-text-box .btn-wrapper-comp .btn {
       width: 100%;
   }

   .film-festival .video-poup-wrapper .text-col h2,
   .film-festival .film-detail-wrapper-box .detail-text-box h2 {
       font-size: 32px;
       letter-spacing: -1.6px;
       line-height: 1.2;
   }

   .film-detail-wrapper-box {
       padding: 0 16px 40px;
   }

   /* .film-festival .film-detail-wrapper-box .detail-img-box .img-box {
       height: 320px;
   } */

   .film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper .inner-row {
       flex-direction: column-reverse;
       padding-bottom: 40px;
       margin-bottom: 0;
       border-bottom: 0;
   }

   .heading-comp h3 {
       font-size: 24px;
       margin-bottom: 25px;
   }

   .film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper,
   .film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper .detail_box {
       padding: 0;
       background: transparent;
   }

   .film-festival .film-detail-wrapper-box .gallery-slider-box .heading-comp {
       padding: 0 15px;
   }

   .gallery-slider-box {
       padding: 31px 0 121px 15px;
       border: 1px solid;
       border-radius: 20px;
       position: relative;
       border-image-source: linear-gradient(69.54deg, rgba(255, 255, 255, 0.2) 33.32%, rgba(137, 145, 218, 0.2) 77.95%);
       backdrop-filter: blur(100px);
       background: #FFFFFF1A;
   }

   .film-festival .film-detail-wrapper-box .slick-arrow {
       top: auto;
       bottom: 33px;
       right: 30px;
       z-index: 9;
   }

   .film-festival .film-detail-wrapper-box .card-wrapper-box {
       padding: 43px 0 110px 30px;
       max-width: 100%;
   }

   .film-festival .film-detail-wrapper-box .card-wrapper-box .resource-sec .heading-comp {
       padding-right: 45px;
   }

   .film-festival .film-detail-wrapper-box .resource-sec .slide-img {
       height: 370px;
   }

   .film-festival .film-detail-wrapper-box .slick-arrow.slick-prev {
       right: 80px;
   }

   .film-festival .slick-slider{
       position: inherit;
       position: initial;
   }
   .film-festival .film-detail-wrapper-box .resource-sec .slider-bottom-text {
       padding: 15px 0 0 15px;
   }
   .film-festival .film-detail-wrapper-box .resource-sec .slick-arrow, 
   .film-festival .film-detail-wrapper-box .related-topic-sec .slick-arrow{
       right: 32px;
   }
   .film-festival .film-detail-wrapper-box .resource-sec .slick-arrow.slick-prev, .film-festival .film-detail-wrapper-box .related-topic-sec .slick-arrow.slick-prev {
       right: 82px;
   }
   .film-detail-wrapper-box .btn-wrapper-comp .btn {
       font-size: 16px;
       padding: 7px 16px;
   }
   .film-festival .film-detail-wrapper-box .related-topic-sec .box-wrapper{
       grid-template-columns: 1fr;
   }
}

@media(max-width: 575px) {
   /* .film-festival .film-detail-wrapper-box .detail-img-box .img-box {
       height: 222px;
   } */
   .film-festival .card-wrapper-box .img-box{
       height: 213px;
   }
   .film-festival .video-poup-wrapper .text-col ul li,
   .film-festival .film-detail-wrapper-box .detail-text-box ul li {
       font-size: 12px;
   }

   .film-festival .film-detail-wrapper-box .card-wrapper-box.detail_box_wrapper {
       background-color: transparent;
       border: none;
       outline: none;
   }

   .film-festival .video-poup-wrapper .text-col h2,
   .film-festival .film-detail-wrapper-box .detail-text-box h2 {
       margin-bottom: 10px;
   }

}

@media(max-width: 370px){
   .film-festival .film-detail-wrapper-box .resource-sec .slide-img{
       height: 340px;
   }
   .film-festival .film-detail-wrapper-box .resource-sec .slider-bottom-text p, 
   .film-festival .film-detail-wrapper-box .resource-sec .slider-bottom-text p a{
       font-size: 18px;
   }
   .film-video-banner-sec .add-box-wrapper, .add-box-wrapper{
       max-width: 90%;
   }
}