* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

@font-face {
    font-family: 'leagueSpartan-Black';
    src: url('../font/leagueSpartan/LeagueSpartan-Black.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Bold';
    src: url('../font/leagueSpartan/LeagueSpartan-Bold.ttf');
}

@font-face {
    font-family: 'leagueSpartan-ExtraLight';
    src: url('../font/leagueSpartan/LeagueSpartan-ExtraLight.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Light';
    src: url('../font/leagueSpartan/LeagueSpartan-Light.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Medium';
    src: url('../font/leagueSpartan/LeagueSpartan-Medium.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Regular';
    src: url('../font/leagueSpartan/LeagueSpartan-Regular.ttf');
}

@font-face {
    font-family: 'leagueSpartan-SemiBold';
    src: url('../font/leagueSpartan/LeagueSpartan-SemiBold.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Thin';
    src: url('../font/leagueSpartan/LeagueSpartan-Thin.ttf');
}

body {
    font-family: 'leagueSpartan-Regular';
}

.cus-container {
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
}

.bg-main-banner h1 {
    color: #fff;
    font-family: 'leagueSpartan-Bold';
    font-size: 34px;
    line-height: 166%;    position: absolute;
    bottom: 50px;
    right: 40px;
    letter-spacing: 0.78px;
    text-transform: uppercase;
    text-align: right;
}
 
.btn-filter{
    background: #000;color: #fff;padding: 10px 14px;border-radius: 3px;
    font-family: 'leagueSpartan-Medium';font-size: 15px;
}
 
        .card-date { font-family: 'leagueSpartan-Light';
            color: #0A0A0A;
            font-size: 14px;
        }
        
        .card-title {
            font-size:21px;font-family: 'leagueSpartan-SemiBold';
            color: #0A0A0A;text-transform: uppercase;
        }
        
        .detail-item { 
            font-size: 15px;font-family: 'leagueSpartan-Medium';
            color: #050606;position: relative;
            margin-bottom: 0.5rem;padding-left: 14px;
        }
        
        .detail-item::before {
            content: "";
            position: absolute;top: 6px;left: 0px;width: 7px;height: 7px;
            background: url(../img/castingcall/arrow.svg);background-repeat: no-repeat;
            background-position: top;background-size: contain;
            margin-right: 0.5rem;
            
        }
        .age-sec{color: #050606;font-family: 'leagueSpartan-Light';font-size: 14px;display: flex;}
        .age-count{    width: 76px;position: relative;
    display: block;}
    .age-count::after{content: "";position: absolute;top: 1px;right: 7px;width: 2px;height: 18px;
    border-right: 1px solid #0000006e;}
    .age-count:last-child::after{display: none;}
.cd-txt-p{
    color: #050606;font-family: 'leagueSpartan-Medium';font-size: 16px;line-height: 22px;
}
        .card-description strong {font-style: normal;font-size: 15px;}
        .card-description {
            font-size: 14px;font-family: 'leagueSpartan-Light';
            color: #050606;font-style: italic;
            line-height: 1.5;
        }
        
        .tag { 
    font-family: 'leagueSpartan-Regular';
            padding: 0.2rem 0px; 
            font-size: 14px;
            color: #050606;
            display: inline-block;
            margin-right: 0.5rem; 
        }
       .img-poster img{border-radius: 5px;width: 70px;height: 70px;object-fit: cover;object-position: center;}
       .img-poster{position: relative;}
       
       .img-poster::after{content: "";
        position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;
    background: linear-gradient(to top, #000, #ffffff09);border-radius: 5px;}
    .img-poster::before{content: "";
        position: absolute;bottom: 5px;right: 5px;width: 13px;height:10px;
    background: url(../img/castingcall/eye-icon.svg);background-repeat: no-repeat;background-position: center;
background-size: contain; z-index: 1;}
.txt-poster{color: #050606;font-size: 15px;font-family: 'leagueSpartan-SemiBold';}
        .btn-apply{color: #fff;font-size: 15px;padding: 3px 12px;
            font-family: 'leagueSpartan-Medium';background: #B10600;border-radius: 3px;    outline: none;border: none;}

 
.view-poster-btn {
    cursor: pointer;
} 
.fancybox-button--play,.fancybox-button--zoom, .fancybox-button--thumbs{display: none !important;}
.role-list {font-size: 15px;font-family: 'leagueSpartan-Light';color: #050606;line-height: 1.85;}
.cd-age-lmt{font-size: 14px;font-family: 'leagueSpartan-Medium';color: #050606;}
.col-base-icon{margin: 0px;position: relative;}
.casting-card{position: relative;padding: 2.7rem 2rem;margin-top: 0px;}


.casting-card::after{content: '';position: absolute;top: 0px; left: 0;width: 100%;height: 100%;
    border-top: 1px dashed #050606;    z-index: -1;}
.col-base-icon:nth-child(odd) {position: relative;
     border-right: 1px dashed #050606;
}
.col-base-icon:nth-child(1)::after, .col-base-icon:nth-child(3)::after,
.col-base-icon:nth-child(5)::after, .col-base-icon:nth-child(7)::after,
.col-base-icon:nth-child(9)::after, .col-base-icon:nth-child(11)::after,
.col-base-icon:nth-child(13)::after, .col-base-icon:nth-child(15)::after 
{content: '';position: absolute;top: -25px;right: -35px;
width: 70px;height: 50px;background-color: #fff;z-index: 1;
background-repeat: no-repeat;background-position: center;background-size: 30px;}

.col-base-icon:nth-child(4n + 1)::after {
    background-image: url(../img/castingcall/icon-1.svg);
}

.col-base-icon:nth-child(4n + 3)::after {
    background-image: url(../img/castingcall/icon-2.svg);
}

.col-base-icon:nth-child(4n + 5)::after {
    background-image: url(../img/castingcall/icon-3.svg);
}

.col-base-icon:nth-child(4n + 7)::after , .col-base-icon:last-child(2)::after{
    background-image: url(../img/castingcall/icon-4.svg);
}
.col-base-icon-last{position: relative;}
.col-base-icon-last::after{content: '';
position: absolute;bottom: 0px;left: 0px;width: 100%;height: 2px;
border-bottom: 1px dashed #050606;}
.col-base-icon-last::before{content: '';position: absolute;bottom:-25px;left:50%;transform: translateX(-50%);
width: 70px;height: 50px;background-color: #fff;z-index: 1;
background-repeat: no-repeat;background-position: center;background-size: 30px;
    background-image: url(../img/castingcall/icon-4.svg);}


@media (max-width:1199px) {
 
.casting-card { padding: 2.7rem 1rem;}
}

@media (max-width:768px) {
   .col-base-icon:nth-child(odd) {
     border-right: 1px dashed transparent;
} 
.casting-card { padding: 2.7rem .5rem;}

.col-base-icon:nth-child(1)::after, .col-base-icon:nth-child(3)::after,
.col-base-icon:nth-child(5)::after, .col-base-icon:nth-child(7)::after,
.col-base-icon:nth-child(9)::after, .col-base-icon:nth-child(11)::after,
.col-base-icon:nth-child(13)::after, .col-base-icon:nth-child(15)::after ,
.col-base-icon::after{content: '';position: absolute;top: -25px;left: 50%; transform: translateX(-50%);
width: 70px;height: 50px;background-color: #fff;z-index: 1;
background-repeat: no-repeat;background-position: center;background-size: 30px;}

.col-base-icon:nth-child(4n + 1)::after { background-image: url(../img/castingcall/icon-1.svg); }
.col-base-icon:nth-child(4n + 2)::after { background-image: url(../img/castingcall/icon-2.svg); }
.col-base-icon:nth-child(4n + 3)::after { background-image: url(../img/castingcall/icon-3.svg); }
.col-base-icon:nth-child(4n + 0)::after { background-image: url(../img/castingcall/icon-4.svg); }


}
@media (max-width:567px) {
        .bg-main-banner .item img { height: 310px !important;
        object-position: left;
    }
    .bg-main-banner h1 { 
    left: 50%;text-align: center;width: 250px;
    transform: translateX(-50%);}
.casting-card { padding: 2.7rem 0rem;}
}
  .slick-dots {
            display: none !important;
        }

        .bg-main-banner .h-100 {
            height: 100% !important;
            min-height: 300px;
            object-fit: cover;
        }

    
        .edit-img, .view-poster-btn {
            cursor: pointer !important;
            pointer-events: auto !important;
        }

        .btn-apply {

z-index: 999;
    position: relative;

}