*,body{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-family: "Poppins", sans-serif;
    /* font-family: "Outfit", sans-serif; */
    
}
.preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.preloader img {
    width: 135px;
    /* animation: preeanimation 5s infinite; */
}
/* @keyframes preeanimation{
    0%{
        transform: scale(1);
        width: 300px;
    }
    25%{
        transform: scale(1.1);
        width: 320px;
    }
    50%{
        transform: scale(1.2);
        width: 330px;
    }
    75%{
        transform: scale(1.3);
        width: 350px;
    }
    100%{
        transform: scale(1.5);
        width: 400px;
    }
} */
/* header portion */
.header{
    width: 100%;
    margin: auto;
    position: fixed;
    top: 0;
    z-index: 1000;
    /* overflow: hidden; */
    float: left;
    min-height: 60px;
    /* background-color: black; */
    /* backdrop-filter: blur(15px); */
    /* box-shadow: 2px 2px 10px rgba(255, 255, 255, 0.5); */
    /* border-bottom: 1px dotted white; */
    background-image: linear-gradient(to bottom, #000 50%, rgba(0, 0, 0, 0) 100%);
}
#backtotopott {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 22px;
    border: 2px solid white;
    outline: none;
    background-color: #95121f;
    color: white;
    cursor: pointer;
    width: 60px;
    min-height: 60px;
    border-radius: 50%;
    transition: all 0.5s;
    transform: rotate(-90deg);
}
#backtotopott:hover{
    background-color: #d22127;
    /* color: #d22127; */
}
.header ul li a{
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px 3px;
    transition: all 0.5s;
    /* margin-top: 8px; */
}
.header ul li a:hover{
    color: #d22127;
}
.header ul li .lgdwbttn{
    background-color: #d22127;
    color: white;
    border-radius: 5px;
    margin-right: 13px;
    padding: 6px 20px !important;
    text-align: center;
    transition: all 0.5s;
}
.header ul li .lgdwbttn:hover{
    background-color: #95121f;
    color: white;
}
li.nav-item.active a {
    color: red;
    font-weight: 700;
    /* border-bottom: 2px solid; */
}
.position{
    position: relative;
}
.hovrnme .drpdmnu{
    position: absolute;
    top: 104%;
    left: 3%;
    width: 120px;
    background-color: #95121f;
    display: none;
    box-shadow: 4px 2px 7px rgba(0,0,0,0.5);
    text-align: left;
    /* backdrop-filter: blur(15px); */
    padding: 3px 7px;
    z-index: 1050;
    /* opacity: 75%; */
    border-radius: 5px;
    list-style: none;
    line-height: 10px;
}
.header .drpdmnu li{
    list-style: none;
    display: block;
} 
.header ul .drpdmnu li a{
    color: white;
    text-decoration: none;
    font-size: 13px;
    filter: brightness(1.5);
}
.hovrnme:hover .drpdmnu {
    display: block;
    color: #032824;
}
.playbtn{
    font-size: 18px;
}
.srch{
    background-color: white;
    opacity: 60%;
    border: none;
    padding: 10px 20px;
    margin: 0px 25px;
    width: 25%;
    /* color: white; */
    font-weight: 500;
    outline: none;
}
input::placeholder{
    /* color: white; */
    filter: brightness(0.2);
}
.clnv{
    color: white;
}




/* banner portion */
.banner{
    width: 100%;
    background-color: gray;
    min-height: 500px;
    float: left;
    z-index: -1;
    position: relative;
}
.slider{
    height: 740px;
    /* margin-top: -50px; */
    position: relative;
}
.slider .list .item{
    position: absolute;
    inset: 0 0 0 0;
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}
.slider .list .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider .list .item::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(
        to top, #000 20%, transparent
    );
}
.slider .list .item .content{
    position: absolute;
    left: 12%;
    top: 18%;
    width: 70%;;
    max-width: 80%;
    z-index: 1;
}
/* .slider .list .item .content p:nth-child(1){
    text-transform: uppercase;
    letter-spacing: 10px;
} */
.slider .list .item .content h2{
    /* font-size: 100px; */
    margin: 0;
    color:white; 
    font-size:65px; 
    font-weight:700; 
    text-transform: uppercase;
}
.slider .list .item .content .slmanp{
    color:white; 
    font-size:20px;
}
.slider .list .item.active{
    opacity: 1;
    z-index: 10;
}
@keyframes showContent {
    to{
        transform: translateY(0);
        filter: blur(0);
        opacity: 1;
    }
}
.slider .list .item.active p:nth-child(1),
.slider .list .item.active h2,
.slider .list .item.active p:nth-child(3){
    transform: translateY(30px);
    filter: blur(20px);
    opacity: 0;
    animation: showContent .5s .7s ease-in-out 1 forwards;
}
.slider .list .item.active h2{
    animation-delay: 1s;
}
.slider .list .item p:nth-child(3){
    color:white; 
    font-size:14px;
    padding-right:250px;
}
.slider .list .item.active p:nth-child(3){
    animation-duration: 1.3s;
}
.arrows{
    position: relative;
    /* bottom: 50%; */
    /* left: 0%; */
    z-index: 10;
    padding: 35px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.arrows button{
    background-color: #eee5;
    border: none;
    font-family: monospace;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    font-size: x-large;
    color: #eee;
    transition: .5s;
}
.arrows button:first-child{
    position: absolute;
    top: 300px;
    left: 70px;
    min-height:50px;
    width:50px; 
    padding:13px 10px;
}
.arrows button:last-child{
    position: absolute;
    top: 300px;
    right: 70px;
    margin-left:20px; 
    min-height:50px; 
    width:50px; 
    padding:13px 10px;
}
.arrows button:hover{
    background-color: #d22127;
    color: white;
}
.thumbnail{
    position: absolute;
    bottom: 30px;
    z-index: 11;
    display: flex;
    gap: 20px;
    width: 100%;
    min-height: 180px;
    padding: 0 50px;
    box-sizing: border-box;
    overflow: auto;
    justify-content: center;
}
.thumbnail::-webkit-scrollbar{
    width: 0;
}
.thumbnail .item{
    width: 170px;
    min-height: 120px;
    filter: brightness(.5);
    transition: .5s;
    /* flex-shrink: 0; */
    cursor: pointer;
}
.thumbnail .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.thumbnail .item.active{
    filter: brightness(1.5);
}
.thumbnail .item .content{
    position: absolute;
    inset:18px 10px;
    text-align: center;
}
.thumbnail .item .content a{
    text-decoration: none;
    /* text-align: center; */
    padding: 10px;
    background-color: white;
    color: black;
    font-weight: 600;
    transition: all 0.5s;
    border-radius: 5px;
}
.thumbnail .item .content a:hover{
    background-color: #d22127;
    color: white;
}
svg{
    width: 25px;
}
#mainbanner .banwat , #scllvidsec .vidwat , #watchhsho .watchshowbttn{
    text-decoration: none;
    /* text-align: center; */
    padding: 10px 30px;
    background-color: #95121f;
    font-size: 17px;
    color: white;
    font-weight: 600;
    transition: all 0.5s;
    border-radius: 5px;
    margin: 15px 0px;
    display: inline-block;
}
#mainbanner .banwat:hover , #scllvidsec .vidwat:hover{
    background-color: #d22127;
    color: white;
}
#watchhsho .watshowsectn:hover{
    background-color: #d22127;
    color: white;
}

.arrows{
    color: #95121f;
    
}
/* secondnd banner */
.banner2nd{
    width: 100%;
    background-color: black;
    min-height: auto;
    float: left;
    position: relative;
    z-index: -1;
}
.banlgbck2{
    width: 100%;
    min-height: auto;
    /* box-shadow: 0px 0px 34px rgba(0, 0, 0, 20%); */
    margin: 0px auto;
}
#scrollbar1 .scb1box{
    /* background-color: #95121f; */
    width: 95%;
    min-height: 200px;
    /* float: left; */
    margin: 0px auto;
    /* border-radius: 5px; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#scrollbar1 .itma{
    position:absolute;
    inset:150px 40px;
    margin-top:85px;
}
#scrollbar1 .itma a{
    text-decoration: none;
    color: white;
    padding: 7px;
    background-color: #95121f;
    /* margin: 0px auto; */
    display: block;
    text-align: center;
    transition: all 0.5s;
    font-weight: 600;
    margin-bottom: 20px;
}
#scrollbar1 .itma a:hover{
    background-color: #d22127;
}
#scrollbar1 .owl-nav{
    position: absolute;
    bottom: 50%;
    width: 100%;
}
#scrollbar1 .owl-prev , #scrollbar1 .owl-next{
    font-size: 35px;
    width: 52px;
    min-height: 57px;
    transition: all 0.5s;
    color: #95121f;
    font-weight: 600;
    text-align: center;
    float: left;
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
    border-radius: 10px;
    opacity: 70%;
    background-color: white;
    margin-left: 30px;
}
#scrollbar1 .owl-next{
    float: right;
    margin-right: 30px;
}
#scrollbar1 .owl-prev:hover , #scrollbar1 .owl-next:hover{
    color: white;
    background-color: #d22127;
}

/* sliding portion */
.slidingcategory{
    width: 100%;
    min-height: auto;
    float: left;
    background-color: black;
    position: relative;
    z-index: -1;
}
.wrapper {
    margin-top: 1rem;
    /* width: 90%; */
    max-width: 1536px;
    margin-inline: auto;
    height: 80px;
    position: relative;
    overflow: hidden;
    color: white;
    mask-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 1) 20%,
      rgba(0, 0, 0, 1) 80%,
      rgba(0, 0, 0, 0)
    );
  }
  
  @keyframes scrollLeft {
    to {
      left: -200px;
    }
  }

.itemLeft{
    width: 200px;
    height: 62px;
    background-color: #95121f;
    border-radius: 6px;
    position: absolute;
    animation-timing-function: linear;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    padding: 20px;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
}
  
.itemLeft {
    left: max(calc(200px * 8), 100%);
    animation-name: scrollLeft;
}

.item1 {
    animation-delay: calc(30s / 8 * (8 - 1) * -1);
  }
  
  .item2 {
    animation-delay: calc(30s / 8 * (8 - 2) * -1);
  }
  
  .item3 {
    animation-delay: calc(30s / 8 * (8 - 3) * -1);
  }
  
  .item4 {
    animation-delay: calc(30s / 8 * (8 - 4) * -1);
  }
  
  .item5 {
    animation-delay: calc(30s / 8 * (8 - 5) * -1);
  }
  
  .item6 {
    animation-delay: calc(30s / 8 * (8 - 6) * -1);
  }
  
  .item7 {
    animation-delay: calc(30s / 8 * (8 - 7) * -1);
  }
  
  .item8 {
    animation-delay: calc(30s / 8 * (8 - 8) * -1);
  }





/* third portion */
.banner3rd{
    width: 100%;
    min-height: auto;
    float: left;
    background-color: black;
    position: relative;
    z-index: -1;
}
.banlgbck3{
    width: 100%;
    min-height: auto;
    /* box-shadow: 0px 0px 34px rgba(0, 0, 0, 20%); */
    margin: 0px auto;
    margin-bottom: 20px;
}
#scrollbar2 .scb2box{
    /* background-color: #95121f; */
    width: 95%;
    min-height: 200px;
    /* float: left; */
    margin: 0px auto;
    /* border-radius: 5px; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#scrollbar2  .itma{
    position:absolute;
    inset:150px 40px;
    margin-top:85px;
}
#scrollbar2 .itma a{
    text-decoration: none;
    color: white;
    padding: 7px;
    background-color: #95121f;
    /* margin: 0px auto; */
    display: block;
    text-align: center;
    transition: all 0.5s;
    font-weight: 600;
    margin-bottom: 20px;
}
#scrollbar2 .itma a:hover{
    background-color: #d22127;
}
#scrollbar2 .owl-nav{
    position: absolute;
    bottom: 50%;
    width: 100%;
}
#scrollbar2 .owl-prev , #scrollbar2 .owl-next{
    font-size: 35px;
    width: 52px;
    min-height: 57px;
    transition: all 0.5s;
    color: #95121f;
    font-weight: 600;
    text-align: center;
    float: left;
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
    border-radius: 10px;
    opacity: 70%;
    background-color: white;
    margin-left: 30px;
}
#scrollbar2 .owl-next{
    float: right;
    margin-right: 30px;
}
#scrollbar2 .owl-prev:hover , #scrollbar2 .owl-next:hover{
    background-color: #d22127;
    color: white;
}

/* forth portion */
.banner4th{
    width: 100%;
    min-height: auto;
    float: left;
    background-color: black;
    position: relative;
    z-index: -1;
}
.banlgbck4{
    width: 100%;
    min-height: auto;
    /* box-shadow: 0px 0px 34px rgba(0, 0, 0, 20%); */
    margin: 0px auto;
    margin-bottom: 20px;
}
#scrollbar3 .scb2box{
    /* background-color: #95121f; */
    width: 95%;
    min-height: 200px;
    /* float: left; */
    margin: 0px auto;
    /* border-radius: 5px; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#scrollbar3  .itma{
    position:absolute;
    inset:150px 40px;
    margin-top:85px;
}
#scrollbar3 .itma a{
    text-decoration: none;
    color: white;
    padding: 7px;
    background-color: #95121f;
    /* margin: 0px auto; */
    display: block;
    text-align: center;
    transition: all 0.5s;
    font-weight: 600;
    margin-bottom: 20px;
}
#scrollbar3 .itma a:hover{
    background-color: #d22127;
}
#scrollbar3 .owl-nav{
    position: absolute;
    bottom: 50%;
    width: 100%;
}
#scrollbar3 .owl-prev , #scrollbar3 .owl-next{
    font-size: 35px;
    width: 52px;
    min-height: 57px;
    transition: all 0.5s;
    color: #95121f;
    font-weight: 600;
    text-align: center;
    float: left;
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
    border-radius: 10px;
    opacity: 70%;
    background-color: white;
    margin-left: 30px;
}
#scrollbar3 .owl-next{
    float: right;
    margin-right: 30px;
}
#scrollbar3 .owl-prev:hover , #scrollbar3 .owl-next:hover{
    background-color: #d22127;
    color: white;
}

/* forth portion */
.banner5th{
    width: 100%;
    min-height: auto;
    float: left;
    background-color: black;
    position: relative;
    z-index: -1;
}
.banlgbck4{
    width: 100%;
    min-height: auto;
    /* box-shadow: 0px 0px 34px rgba(0, 0, 0, 20%); */
    margin: 0px auto;
    margin-bottom: 20px;
}
#scrollbar4 .scb2box{
    /* background-color: #95121f; */
    width: 95%;
    min-height: 200px;
    /* float: left; */
    margin: 0px auto;
    /* border-radius: 5px; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#scrollbar4  .itma{
    position:absolute;
    inset:150px 40px;
    margin-top:85px;
}
#scrollbar4 .itma a{
    text-decoration: none;
    color: white;
    padding: 7px;
    background-color: #95121f;
    /* margin: 0px auto; */
    display: block;
    text-align: center;
    transition: all 0.5s;
    font-weight: 600;
    margin-bottom: 20px;
}
#scrollbar4 .itma a:hover{
    background-color: #d22127;
}
#scrollbar4 .owl-nav{
    position: absolute;
    bottom: 50%;
    width: 100%;
}
#scrollbar4 .owl-prev , #scrollbar4 .owl-next{
    font-size: 35px;
    width: 52px;
    min-height: 57px;
    transition: all 0.5s;
    color: #95121f;
    font-weight: 600;
    text-align: center;
    float: left;
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
    border-radius: 10px;
    opacity: 70%;
    background-color: white;
    margin-left: 30px;
}
#scrollbar4 .owl-next{
    float: right;
    margin-right: 30px;
}
#scrollbar4 .owl-prev:hover , #scrollbar4 .owl-next:hover{
    background-color: #d22127;
    color: white;
}


/* sixth portion */
.banner6th{
    width: 100%;
    min-height: auto;
    float: left;
    background-color: black;
    position: relative;
    z-index: -1;
}
.banlgbck4{
    width: 100%;
    min-height: auto;
    /* box-shadow: 0px 0px 34px rgba(0, 0, 0, 20%); */
    margin: 0px auto;
    margin-bottom: 20px;
}
#scrollbar5 .scb2box{
    /* background-color: #95121f; */
    width: 100%;
    min-height: 200px;
    /* float: left; */
    margin: 0px auto;
    /* border-radius: 5px; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#scrollbar5  .itma{
    position:absolute;
    inset:150px 40px;
    margin-top:85px;
}
#scrollbar5 .itma a{
    text-decoration: none;
    color: white;
    padding: 7px;
    background-color: #95121f;
    /* margin: 0px auto; */
    display: block;
    text-align: center;
    transition: all 0.5s;
    font-weight: 600;
    margin-bottom: 20px;
}
#scrollbar5 .itma a:hover{
    background-color: #d22127;
}
#scrollbar5 .owl-nav{
    position: absolute;
    bottom: 50%;
    width: 100%;
}
#scrollbar5 .owl-prev , #scrollbar5 .owl-next{
    font-size: 35px;
    width: 52px;
    min-height: 57px;
    transition: all 0.5s;
    color: #95121f;
    font-weight: 600;
    text-align: center;
    float: left;
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
    border-radius: 10px;
    opacity: 70%;
    background-color: white;
    margin-left: 30px;
}
#scrollbar5 .owl-next{
    float: right;
    margin-right: 30px;
}
#scrollbar5 .owl-prev:hover , #scrollbar5 .owl-next:hover{
    background-color: #d22127;
    color: white;
}

/* sixth portion */
.banner7th{
    width: 100%;
    min-height: auto;
    float: left;
    background-color: black;
    position: relative;
    z-index: -1;
}
.banlgbck4{
    width: 100%;
    min-height: auto;
    /* box-shadow: 0px 0px 34px rgba(0, 0, 0, 20%); */
    margin: 0px auto;
    margin-bottom: 20px;
}
#scrollbar6 .scb2box{
    /* background-color: #95121f; */
    width: 100%;
    min-height: 200px;
    /* float: left; */
    margin: 0px auto;
    /* border-radius: 5px; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#scrollbar6 .itma a{
    text-decoration: none;
    color: white;
    padding: 7px;
    background-color: #95121f;
    /* margin: 0px auto; */
    display: block;
    text-align: center;
    transition: all 0.5s;
    font-weight: 600;
    margin-bottom: 20px;
}
#scrollbar6  .itma{
    position:absolute;
    inset:150px 40px;
    margin-top:85px;
}
#scrollbar6 .itma a:hover{
    background-color: #d22127;
}
#scrollbar6 .owl-nav{
    position: absolute;
    bottom: 50%;
    width: 100%;
}
#scrollbar6 .owl-prev , #scrollbar6 .owl-next{
    font-size: 35px;
    width: 52px;
    min-height: 57px;
    transition: all 0.5s;
    color: #95121f;
    font-weight: 600;
    text-align: center;
    float: left;
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.5));
    border-radius: 10px;
    opacity: 70%;
    background-color: white;
    margin-left: 30px;
}
#scrollbar6 .owl-next{
    float: right;
    margin-right: 30px;
}
#scrollbar6 .owl-prev:hover , #scrollbar6 .owl-next:hover{
    background-color: #d22127;
    color: white;
}



/* logsection portion */
.logsection{
    width: 100%;
    min-height: 480px;
    float: left;
    background-image: url('../image/logback.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;  
}
/* .log_signsec{
    position: absolute;
    min-height: auto;
    margin-top: 150px;
} */
.loghed{
    color: white;
    text-align: center;
    margin-top: 150px;
    font-weight: 700;
}
.lgp{
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0px auto;
    outline: none;
    margin-top: 25px;
    /* background: none; */
    opacity: 80%;
    border: 2px solid white;
    /* display: block; */
    padding: 10px 20px;
    border-radius: 5px ;
    color: black;
    font-size: 17px;
    font-weight: 600;
    /* margin-right: 10px; */
}
::placeholder {
    color: black;
}
.lgpbuttn{
    width: 100%;
    padding: 12px 20px;
    margin-top: 25px;
    border-radius:5px;
    margin: 10px auto;
    font-size: 20px;
    font-weight: 600;
    border: none;
    display: block;
    transition: all 0.5s;
    background-color: #95121f;
    color: white;
    position: relative;
    z-index: 1;
}
.lgpbuttn:hover{
    background-color: #d22127;
    color: white;
}
.close {
    border: none;
    background: none;
    font-size: 30px;
    transition: 0.3s;
    color: white;
}  
.close:hover{
    color: #d22127;
}
.signbox{
    position: relative;
    /* display: flex; */
    z-index: -1;
    flex-direction: column;
    /* width: 100%; */
    pointer-events: auto;
    /* background-color: gray; */
    /* background-clip: padding-box; */
    /* border-bottom: 1px solid rgba(0,0,0,.2); */
    border-radius: 5px;
    /* border: none; */
    margin: 10px;
}
.sgn{
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    /* font-size: 15px; */
    font-weight: 400;
    margin: 7px auto;
    padding: 7px 20px;
}
.sgnbg{
    background-color: gray;
    position: absolute;
}

/* FAqsec portion */
.FAqsec{
    width: 100%;
    min-height: auto;
    float: left;
    background-color: black;
}
.sfaqhed{
    color: white;
    text-align: center;
    padding: 30px 0px 20px 0px;
}
.FAqsec summary{
    padding:10px;
    color:white;
    font-size:18px;
    font-weight:600;
    /* border:1px solid #95121f; */
    background-color: rgb(22, 22, 22);
}
.FAqsec p{
    padding: 5px 25px;
    color:white;
    font-size: 15px;
}


/* bigslidr portion */
.bigslidr{
    width: 100%;
    min-height: auto;
    float: left;
    background-color: black;
    position: relative;
    z-index: -1;
}
#bigscroll .item{
    width: 100%;
    min-height: 300px;
    background-color: cadetblue;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 85px 20px 0px 20px;
}
.bgsl1{
    background-image: url('../image/immg8.jpeg');
}
.bgsl2{
    background-image: url('../image/immg6.jpeg');
}
.bgsl3{
    background-image: url('../image/immg9.jpg');
}
.bgsl4{
    background-image: url('../image/immg7.jpeg');
}
.bgsl5{
    background-image: url('../image/immg10.jpg');
}
.bgsl6{
    background-image: url('../image/immg11.jpg');
}
#bigscroll h2{
    color: white;
    font-weight: 600;
    /* padding: 25px 0px 0px 20px; */
}
#bigscroll p{
    color: white;
    font-size: 15px;
    line-height: 20px;
    border-right: 2px solid white;
    /* padding: 0px 20px 0px 20px; */
}
#bigscroll .bgwat{
    padding: 5px 20px;
    text-decoration: none;
    color: black;
    background-color: white;
    font-weight: 600;
    transition: all 0.5s;
}
#bigscroll .bgwat:hover{
    background-color: #d22127;
    color: white;
}
.owl-dots {
    justify-content: center;
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px;
}
.owl-dots button{
    height: 10px;
    width: 10px;
    border-radius: 15px;
    background-color: white !important;
    margin: 0px 5px;
    transition: all 0.5s;
}
.owl-dots button.owl-dot.active{
    background-color: #d22127 !important;
    /* width: 30px;
    height: 15px; */
}
/* .bgline{
    width: 2px;
    min-height: 10px;
    background-color: white;
    display: inline-block;
    margin-left: 10px;
} */


/* moreoption portion */
.moreoption{
    width: 100%;
    min-height: auto;
    float: left;
    background-color: black;
}
.moreoption h3{
    font-size: 20px;
    font-weight: 600;
    color: white;
    padding-top: 15px;
    text-transform: uppercase;
}
.moreoption a{
    color: gainsboro;
    text-decoration: none;
}
.moreoption button{
    background: none;
    border: none;
    color: #95121f;
    transition: all 0.5s;
    margin-bottom: 20px;
}
.moreoption button:hover{
    color: #d22127;
}
#more {display: none;}
#more2 {display: none;}

/* footer portion */
.footer{
    width: 100%;
    min-height: 350px;
    float: left;
    background-color: black;
    position: relative;
    z-index: -1;
    border-top: 4px solid rgb(22, 22, 22);
}
.fttbx{
    width: 100%;
    min-height: auto;
    float: left;
    /* background-color: cadetblue; */
    /* margin-top: 30px; */
}
.fttbx h2{
    padding: 15px 20px 0px 20px;
    font-weight: 600;
    /* color: #95121f; */
    font-size: 20px;
    color: white;
    margin-top: 0px;
}
.fticon{
    color: white;
    text-decoration: none;
    font-size: 25px;
    padding: 5px 15px;
    background-color: rgb(22, 22, 22);
    margin-right: 5px;
    transition: all 0.5s;
}
.fticon:hover{
    background-color: #95121f;
    color: white;
}
.submail , .subbtnmail{
    width: 85%;
    margin: 0px auto;
    display: block;
    border: navajowhite;
    padding: 5px 15px;
    outline: none;
}
.subbtnmail{
    margin-top: 10px;
    text-transform: uppercase;
    background-color: #95121f;
    color: white;
    font-weight: 600;
    margin-bottom: 20px;
    transition: all 0.5s;
}
.subbtnmail:hover{
    background-color: #d22127;
}
.fticon2{
    color: white;
    text-decoration: none;
    font-size: 15px;
    padding: 5px 10px;
    /* background-color: rgb(22, 22, 22); */
    /* margin-right: 5px; */
    transition: all 0.5s;
    border-right: 2px solid rgb(22, 22, 22);
}
.fticon2:hover{
    color: #d22127;
}
.ftlink{
    margin: 20px 10px;
    display: inline-block;
}
.ftline{
    width: 80%;
    min-height: 2px;
    background-color: rgb(22, 22, 22);
    margin:10px auto;
}


/* addsection portion */
.addsection{
    width: 100%;
    min-height: auto;
    background-color: black;
    float: left;
    position: relative;
    z-index: -1;
}
.adimg{
    margin: 10px auto;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
}
.addsection a .crx{
    position: relative;
    bottom: 70%;
    color: white;
    right: 1%;
    /* font-size: 10px; */
    float: right;
}


/* nxtbgscroll portion */
.nxtbgscroll{
    width: 100%;
    float: left;
    min-height: auto;
    background-color: black;
    position: relative;
    z-index: -1;
}
.nxtbbox{
    width: 100%;
    min-height: 300px;
    background-image: url('../image/photo2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    padding: 40px 30px 0px 30px;
    margin-bottom: 20px;
}
.ntb2{
    background-image: url('../image/photo1.jpg');
    min-height: 300px;
}
.nxtbbox h1{
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 35px;
}
.nxtbbox p{
    color: white;
    font-size: 14px;
    /* border-left: 2px solid white; */
}
.genr{
    color: white;
    text-decoration: none;
    font-size: 15px;
    padding: 5px 10px;
    /* background-color: rgb(22, 22, 22); */
    /* margin-right: 5px; */
    transition: all 0.5s;
    border-right: 2px solid white;
}
.genr:hover{
    color: white;
}
.nticn{
    color: white;
    font-size: 14px;
}
.ntwat{
    text-decoration: none;
    color: white;
    background-color: #d22127;
    display: inline-block;
    padding: 6px 30px;
    font-size: 20px;
    font-weight: 500;
    transition: all 0.5s;
    margin-bottom: 20px;
}
.ntwat:hover{
    /* background-color: #d22127; */
    color: white;
}


/* scrllvidsec portion */
.scrllvidsec{
    width: 100%;
    background-color: gainsboro;
    min-height: 490px;
    float: left;
    position: relative;
    z-index: -1;
}
.scrbbvid{
    width: 100%;
    min-height: 490px;
    float: left;
    /* background-color: cadetblue; */
}
#scllvidsec h1{
    /* position: relative; */
    /* padding-top: 150px; */
    width: 100%;
    color: #d22127;
    /* min-height: 350px; */
    /* background-color: gainsboro; */
    /* opacity: 90%; */
    /* border-radius: 15px; */
    padding: 20px 0px 10px 0px;
    /* margin-bottom: 20px; */
    /* margin-top: 100px; */
    font-size: 52px;
    font-weight: 700;
    line-height: 50px;
    text-shadow: 2px 2px white;
}
#scllvidsec .owl-dots{
    position: absolute;
    width: 100%;
    bottom: 5%;
    float: right;
}
video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* position: relative; */
    z-index: -1;
    filter: brightness(0.5);
}


/* kmoviesec portion */
.kmoviesec{
    width: 100%;
    min-height: auto;
    float: left;
    background-color: black;
    position: relative;
    z-index: -1;
}
.kmvvbx{
    width: 100%;
    min-height: 380px;
    float: left;
    background-color: cadetblue;
    margin-bottom: 20px;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
}
.kmv1{
    background-image: url('../image/img32.jpg');
}
.kmv2{
    background-image: url('../image/img50.jpg');
}
.kmv3{
    background-image: url('../image/img70.jpg');
    background-position: center;
}
.kmv4{
    background-image: url('../image/img53.jpg');
}

/* editprofilr portion */
.edtprf{
    width: 100%;
    min-height: 450px;
    float: left;
    background-color: black;
    position: relative;
    z-index: -1;
}
.edtprf h1{
    color: white;
    margin-top: 100px;
    text-align: center;
    /* padding-top: 45px; */
}
.edtprf h2{
    font-size: 30px;
    color: white;
    text-align: center;
}
.edtprf .frm {
    width: 100%;
    margin: 0px auto;
    background-color: white;
    opacity: 70%;
    outline: none;
    border: none;
    /* border-block-end: 1px solid ; */
    display: block;
    padding: 10px 20px;
    margin-bottom: 10px;
}
.savbutn{
    width: 100%;
    margin: 10px auto;
    /* display: block; */
    text-decoration: none;
    text-align: center;
    background-color: #95121f;
    padding: 10px 20px;
    font-size: 20px;
    color: white;
    transition: all 0.8s;
    margin-bottom: 25px;
    font-weight: 500;
    border: none;
}
.savbutn:hover{
    color: white;
    /* border-radius: 20px; */
    background-color: #d22127;
}




.anothpag{
    color:white;
    font-weight:600;
    padding-top: 110px;
    display: inline-block;
    /* font-size: 20px; */
    text-decoration: none;
    transition: all 0.5s;
    cursor: pointer;
}
.anothpag:hover{
    color: #d22127;
}

/* watshowsectn portion */
.watshowsectn{
    width: 100%;
    min-height: 565px;
    /* background-color: gray; */
    float: left;
    position: relative;
    z-index: -1;
    /* background-image: url('../image/immg3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}

 .iimgwat{
    width: 100%;
    min-height: 400px;
    position: absolute;
    top: 100px;
    left: 100px;
    /* background-image: url('../image/immg2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(0.6); */
}
/* .iimgwat::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(
        to right, #000 20%, transparent
    );
}  */
.watchott{
    color:white;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 3px;
    text-shadow: 2px 2px black;
    padding-top: 130px;
    display: inline-block;
}
/* 
.wtchlinkbx{
    width: 100%;
    min-height: 200px;
    float: left;
    background-color: cadetblue;
}
.wtchlinkbx:hover{
    color: white;
}
.watchttxt {
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    color: white;
    transition: all 0.5s;
} */
.wathbbx{
    width: 100%;
    min-height: auto;
    float: left;
    background-color: black;
}
.box2 .watchpp{
    font-size:15px;
    font-weight:400;
}
.abtboox {
    width: 100%;
    min-height: 150px;
    float: left;
    /* background-color: gray; */
    /* box-shadow: 0px 0px 10px rgba(0,0,0,0.5); */
    /* border-radius: 5px; */
    /* bottom: 40%; */
    /* position: relative; */
    /* margin-bottom: 20px; */
    transition: all 0.5s;
    color: white;
    cursor: pointer;
}
.box1 {
    width: 30%;
    height: 200px;
    float: left;
    /* background-color: #001431; */
    /* color: white; */
    /* font-size: 20px;
    border-radius: 50%; */
    text-align: center;
    padding: 17px 0px;
    margin:20px 0px 0px 0px;
}
.box2 {
    width: 70%;
    min-height: 30px;
    /* background-color: gainsboro; */
    float: right;
    /* font-size: 15px; */
    transition: all 0.5s;
    padding: 20px;
  }
  /* .abtboox:hover {
    background-color: #eee;
    color: white;
} */
.box2 a p{
    font-size:35px;
    font-weight: 600;
    margin:20px 0px 0px 0px;
    text-decoration: none;

}
.watchiimg{
    width: 100%;
    height: 100%;
    /* background-color: violet; */
    /* border-radius: 15px; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* margin-bottom: 10px; */
    /* margin-top: 30px; */
}
.playbtn , .trlrwat{
    text-decoration: none;
    color: white;
    background-color: #95121f;
    border-radius: 5px;
    padding: 10px 10px;
    margin: 15px 0px;
    display: inline-block;
    font-size: 17px;
    color: white;
    font-weight: 600;
    transition: all 0.5s;
}
.playbtn:hover , .trlrwat:hover{
    background-color: #d22127;
    color: white;
}
#muteButton {
    position: absolute;
    bottom: 8%;
    right: 10%;
    background: none;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 30px;
    color: gainsboro;
    z-index: 999999;
}
.lgder{
    width: 100%;
    float:left;
    text-align: center;
    background-color: #000;
}
.lgder img{
    width: 50px;
    margin: 50px 0px;

}
/* .scb1box:hover,.scb2box:hover{
    transform: translateY(-5px);
}
.scb1box,.scb2box{
    cursor: pointer;
    transition: all 0.5s ease-in-out;
} */


/* trailerpage portion */
.trailerpage{
    width: 100%;
    min-height: 600px;
    background-color: black;
    float: left;
}
.tralrbox , .ttbxrbox{
    width: 100%;
    /* background-color: cadetblue; */
    min-height: 450px;
    float: left;
    margin-top: 100px;
}
.trbxprd{
    width: 100%;
    min-height: 70px;
    /* background-color: yellowgreen; */
    border-radius: 5px;
}
.trbxprd img{
    width: 100%;
    min-height: 70px;
    border-radius: 5px;
}

.banner2nd h1 , .slidingcategory h1 , .banner3rd h1 , .banner4th h1 , .banner5th h1 , .bigslidr h1 , .banner6th h1 , .banner7th h1 {
    font-size:25px;
}