/* ......................poppins font family ............................ */

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}

/* ......................poppins font family end ............................ */

body {
    background-image: linear-gradient(90deg, #28013A, #000000);
    margin-top: 80px;
}

/* .homeBack{
    background-color: #000;
    background-image: none;
} */

a{
    text-decoration: none;
}

h2.heading{
    font-size: 2.5rem;
    color:#fff;
    font-family: 'Poppins-Regular';
}


h4.subHeading{
    font-size: 2rem;
    color:#fff;
    font-family: 'Poppins-Regular';
}
.top-pad {
    padding-top: 110px;
}

.min-hight {
    min-height: 500px;
}

.discription {
    font-size: 14px;
    color: #fff;
    font-family: 'poppins-Regular';
}

.default-btn {
    background-color: #F56F18;
    color: #fff;
    padding: 7px 25px;
    border: 2px solid #F56F18;
    font-size: 18px;
    font-family: 'poppins-medium';
}

.whiteBtn {
    background-color: transparent;
}

.whiteBtn:hover {
    background-color: #F56F18 !important;
}

.default-btn:hover {
    border-color: #F56F18;
    color: #fff;
    background-color: transparent;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.inDiv {
    border-radius: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    text-align: right;

}

.inDiv .btn {
    width: 85px;
    margin-bottom: 5px;
    padding: 5px 5px;
    border-radius: 0;
    font-size: 14px;
}

.eventDiv .btn {
    border-radius: 0;
    width: 100%;
    background: #fff;
    color: #000;
    border-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.eventDiv .btn:hover {
    background-color: #bba750;
    color: #fff;
    border-color: #bba750;
}

.inner_event-bx {
    position: relative;
}


.btn:active {
    border-color: #F56F18 !important;
    color: #fff !important;
    background-color: #F56F18 !important;
}

/** header css start **/

.main-header {

    /* border-bottom: 1px solid #00000026; */
    z-index: 999999999;
    background-color: #000;
    padding: 0;
    
}

.main-header:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(to bottom, #141414, transparent);
    z-index: -1;
}

.navbar-brand img {
    width: 260px;
    position: relative;
    top: 0;
}

.MobBell{
    display: none;
}


.nav-item {
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
}

.nav-item:last-child {
    border-right: none;
}

.nav-item .nav-link {
    color: #fff;
    font-family: 'Poppins-Medium';
    letter-spacing: 1.5px;
    font-size: 18px;
    padding: 2px 10px;
    border-bottom: 4px solid transparent;
    position: relative;

}

.nav-item .nav-link.active {
    color: #F56F18;
    font-family: 'Poppins-Semibold';
    border-bottom: 4px solid;
}


.nav-item .nav-link:hover {
    color: #F56F18;
    border-bottom: 4px solid;
}

.centerNav {
    padding-left: 50px;
}

.centerNav .nav-link {
    padding: 30px 10px;
}

.custom-cont {
    padding: 0 45px !important;
}

.RightNav li {
    /* padding-right: 0; */
}

.RightNav .nav-link:hover {
    border-bottom: transparent;
}

.nav-link svg {
    padding-top: 7px;
    width: 25px;
}

.nav-link .bi-bell {
    color: red;
}

.notification-count {
    background: red;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #fff;
    padding: 2px 3px;
    position: absolute;
    font-size: 10px;
    right: 3px;
}

.notification-badge{
    background-color: #fff;
    border-radius: 7px;
    padding: 10px;
    margin-bottom: 20px;
}
.notification-badge p{
    color:#000!important;
    padding-left: 10px;
    width:100%;
}

.notification-badge img{
    width:60px;
    height:60px;
}

.notification-badge span{
    font-size: 14px;
}

.dropdownLi {
    padding-left: 10px;
}
.dropinbox {
    position: relative;
    top: 2px;
}
.avtartMenu {
    padding-bottom: 0!important;
    padding-top: 0!important;
    min-width: 145px !important;
    margin-top: 5px !important;
    left: unset !important;
    right: 0 !important;
    border: unset !important;
    background-clip: unset !important;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 22%);
}
.avtartMenu li a {
    font-size: 14px !important;
    text-transform: capitalize !important;
}
.avtartMenu li:first-child a {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.avtartMenu li a {
    color: #000;
}
.avtartMenu li:hover a {
    background:#F56F18;
    color: #fff;
}
.dropinbox .avtarName {
    max-width: 95px;
    min-width: 95px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 5px;
    color: #fff;
}
.avatar_log_Btn {
    width: 100%;
    border: none;
    color: #000;
    text-align: left;
    background: transparent;
    font-size: 14px !important;
    text-transform: capitalize !important;
}
.avatar_log_Btn:hover{
    background:#F56F18;
    color: #fff;
}
.avtartMenu li button {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.dropdown-toggle::after {
    filter: invert(1);
}
/** header css end **/


/*slider css start*/


.slick-list {
    overflow: visible !important;
    z-index: 9;
}

.sliders {
    overflow: hidden;
}

.slider_title_box{
    padding: 0 30px 0 20px;
}
.slider{
    padding:0 20px;
}
/*slider css end*/

/* carousel css start */

.owl-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 50%;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to top, black, transparent);
    z-index: 9;
    border-radius: 30px;
}

.owl-item:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background-color:#00000030;
    z-index: 9;
}

.owl-item img {
    border-radius: 30px;
    height: 680px;
    margin-top: 40px;
    position: relative;
}


.item .slideContentBox {
    position: absolute;
    left: 35px;
    bottom: 35px;
    color: #fff;
    z-index: 99;
    right: 35px;
    padding: unset;
}

.slideContentBox .subInfo
{
    display: flex;
    list-style: none;
    padding-left: 0;
}

.slideTitle{
    font-size: 50px;
    font-family: 'poppins-semibold';
    color:#fff;
}

.quality{
    background-color: #F56F18;
    border-radius: 7px;
    padding: 0px 7px;
    font-size: 16px;
    position: relative;
    bottom: 0;
    left: 5px;
}

.subsDetals{
    font-family: 'poppins-semibold';
    font-size: 18px;
    color: #fff;
}

.subInfo span:nth-child(2){
    color:#F56F18;
}

.slideDescription{
    font-family: 'poppins-regular';
    font-size: 16px;
    margin-bottom: 25px;
}

.owl-dots {
    margin-top: 30px!important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 20px!important;
    height: 20px!important;
    background:transparent!important;
    border:2px solid #8F8F8F!important;

  
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots span {
    background: #F56F18!important;
    border-color:#F56F18!important;
}

.owl-nav button{
    font-size: 10rem!important;
    color: #fff!important;
}

.owl-nav{
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    margin-top: 0!important;
    width: 100%;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: unset!important;
}

.owl-prev{
    left: 20px;
    position: absolute;
}

.owl-next{
    right: 20px;
    position: absolute;
}
/* carousel css end */

/* ------------------------------------------------------------- home page css start ---------------------------------------------------------- */

.intro_section {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    background-image: url("../images/backImage.jpg");
}

.overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: #35345fad;
}

.intro_txt {

    text-align: center;
    padding: 80px 0px;
    width: 65%;
    margin: 0px auto;
    z-index: 999999999;


}

.bit_color h1,
h4 {
    color: #fff;
    font-family: 'Poppins-Medium';
    margin-top: 20px;
    /* text-transform: uppercase; */
}

.bit_color h4 {
    color: #e18922;
}

.bit_color h1 {
    font-size: 60px;
}

.bit_color h1 span {
    color: #e18922;
}

.bit_color h4 span {
    color: #e18922;
}


/* slider gallery 1 */

.gallery {
    --d: 90s;
    /* duration */

    display: grid;
    overflow: hidden;
    -webkit-mask: linear-gradient(90deg, #0000, #000 10% 90%, #0000);
}

.gallery>img {
    grid-area: 1/1;
    object-fit: cover;
    animation: r var(--d) linear infinite;
    width: 100%;
}

.gallery>img:nth-child(2) {
    animation-delay: calc(1*var(--d)/-4)
}

.gallery>img:nth-child(3) {
    animation-delay: calc(2*var(--d)/-4)
}

.gallery>img:nth-child(4) {
    animation-delay: calc(3*var(--d)/-4)
}

@keyframes r {
    75% {
        transform: translate(-300%)
    }

    75.01% {
        transform: translate(100%)
    }
}

/* slider gallery 1 end */


/* slider gallery 2  */


.gallery2 {
    --v: 80s;
    /* duration */

    display: grid;
    overflow: hidden;
    -webkit-mask: linear-gradient(90deg, #0000, #000 10% 90%, #0000);
}

.gallery2>img {
    grid-area: 1/1;
    object-fit: cover;
    animation: t var(--v) linear infinite;
    width: 100%;
}

.gallery2>img:nth-child(2) {
    animation-delay: calc(1*var(--v)/-4)
}

.gallery2>img:nth-child(3) {
    animation-delay: calc(2*var(--v)/-4)
}

.gallery2>img:nth-child(4) {
    animation-delay: calc(3*var(--v)/-4)
}

@keyframes t {
    100% {
        transform: translate(100%)
    }

    0% {
        transform: translate(-300%)
    }

}

.slide-banner {
    position: relative;
}

.overlayTxt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    width: 100%;
}

.overlayTxt h2 {
    font-size: 70px;
    color: #fff;
    text-align: center;
    padding: 0 120px;
}

.slick-prev,
.slick-next {
    z-index: 999;
    top: 50% !important;
}

.slick-prev {
    left: -15px !important;
}

.slick-next {
    right: -0px !important;
}

/* slider gallery 2 end */

/* big slider css start */
.bigSlider .inerDV {
    width: 330px;
/*    height: 465px;*/
      height: 408px

}

.bigSlider .thumbnail_img {
    width: 330px;
}

.bigSlider .slick-prev,
.slick-next {
    top:50% !important;
}

/* big slider css end */

.thumbnail_img {
    position: relative;
}

.thumbnail_img img {
    width: 100%;
    z-index: 9;
    position: relative;
    border: 2px solid transparent;
    border-radius: 7px;
}

.slick-next {
    z-index: 99;
    background: linear-gradient(to right, transparent, rgb(0 0 0 / 70%), rgb(0 0 0 / 90%)) !important;
    height: 100%!important;
    right: -40px !IMPORTANT;
    width: 70px!Important;
}

.slick-prev {
    z-index: 99;
    background: linear-gradient(to left, transparent, rgb(0 0 0 / 70%), rgb(0 0 0 / 90%)) !important;
    height: 100%!important;
    left: -40px !IMPORTANT;
    width: 70px!Important;
}

.thumbDesc {
    color: #fff;
    font-size: 15px;
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.thumbTitle {
    color: #fff;
    font-size: 18px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
}

.thumbnailBx {
    position: absolute;
    bottom: 5px;
    padding: 0 10px;
}

.thumbnail_img:hover .inerDV {
    border: 2px solid #F56F18;
    z-index: 99;
    transition: 0.5s;
    position: relative;
    top: -100px;
    transition-property: top;
    transition-duration: 1s;
}


.inerDV {
    position: relative;
    top: 0px;
    transition-property: top;
    transition-duration: 2s;
}

.slick-list {
    overflow: unset !important;
}


.list_heading h1 {
    color: #fff;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.innerCategory {
    text-align: center;
    background-color: blue;
    border-radius: 10px;
    height: 150px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 24px;
    position: relative;
    cursor: pointer;
}

.innerCategory p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.innerCategory:hover {
    box-shadow: 0px 0px 4px 4px #767676;
    transition: 0.5s;
}

.incat1 {
    background: #CD3E3E;
}

.incat2 {
    background: #3E5DCD;
}

.incat3 {
    background: #CD3EBE;
}

.incat4 {
    background: #CD583E;
}

.incat5 {
    background: #CDB63E;
}

.incat6 {
    background: #FF8D08;
}

.incat7 {
    background: #c108ff;
}

.incat8 {
    background: #FF8D08;
}

.incat9 {
    background: #35345F;
}

.incat10 {
    background: #5f3440;
}

.genreCatUl {

    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-right: 0;
}

.genreCatUl li {
    padding-left: 0px;
    padding-right: 0px;
    width: 340px;
    margin: 0px auto;
}

.inerDV {
    border-radius: 7px;
    overflow: hidden;
    width: 270px;
    height: 339px;
    position: relative;
    transition: transform .2s;
}

.thumbnail_img {
    width: 270px;
}

.slick-prev::before {
    content: "<" !important;
    font-family: 'Poppins-Regular' !important;
}

.slick-next::before {
    content: ">" !important;
    font-family: 'Poppins-Regular' !important;
}

.slick-prev:before,
.slick-next:before {
    font-size: 70px !important;
}




/* ------------------------------------------------------------- home page css end ---------------------------------------------------------- */

/* --------------------------------------------------------credentials page css start ---------------------------------------------------------*/

/* Start on 02-05-2024*/

.credential_form .cred_page {
    max-width: 500px;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 30px;
}

/* end on 02-05-2024*/

/*
.credential_form .cred_page {
    max-width: 500px;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}*/

.credential_form .cred_form {
    background: linear-gradient(120deg, #5F3449, #000000);
    padding: 30px 30px;
    border-radius: 10px;
    position: relative;
    z-index: 9;
    box-shadow: 0 0 5px 1px #464040;
}

.credential_row .form-control {
    background: #513160;
    border-radius: 7px;
    color: #fff;
    width: 100%;
    border-color: #513160;
    height: 45px;
    font-size: 16px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: 'poppins-regular';
}

.credential_row .form-control::placeholder {
    color: #fff;
}


.credential_row .btn {
    width: 100%;
}

.alreadyText {
    margin-bottom: 0;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-family: 'poppins-Medium';
    text-align: center;
    padding-top: 5px;
}

.orTxt {
    text-align: center;
    color: #fff;
    font-family: 'poppins-Medium';
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 0px;
    font-size: 16px;
    position: relative;

}

.orTxt span {
    background: #2d1521;
    padding: 0px 10px;
}

.orTxt:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #7f7f7f;
    left: 0;
    top: 27px;
    z-index: -1;
}

.alreadyText a {
    color: #F56F18 !important;
    text-decoration: none;
}

.social_Login {
    justify-content: center;
    margin-top: 15px !important;
    width: 100%;
    margin-bottom: 20px !important;
    margin-left: 10px;
    margin-right: 10px;

}

.social_Login li {
    border-radius: 7px;
    padding: 2px 10px;
    display: flex;
}

.social_Login .twitter {
    background-color: #54ADF2;
}


.social_Login .facebook {
    background-color: #3D5793;
}


.social_Login .google {
    background-color: #D95139;
}

.social_Login a {
    text-decoration: none;
    font-size: 12px !important;
}

.social_Login a i {
    border-right: 1px solid #fff;
    padding-right: 6px;

}

.palceholder {
    position: absolute;
    top: 10px;
    left: 13px;
    color: #fff;
    z-index: 9;
}

.palceholder .star {
    color: red;
    font-weight: 700;
}

.input_groupbox {
    position: relative;
}

.forgotText {
    font-size: 15px;
}

.forgotText a {
    color: #fff;
    text-decoration: none;
}

.forgotText:hover a {
    color: #F56F18 !important;
    cursor: pointer;
}

.account_page{
    max-width: 1000px!important;
    margin:200px auto 150px;
}

.account_page form .row{
    align-items: center;
}

.swapButtons button{
    margin: 0 5px 15px 5px;
    width:240px;
}

.swapButtons .active{
    background-color:#F56F18 ;
    color:#fff;
    border-color:#F56F18;
}

.red{
    color:#ff7373!important;
}

.green{
    color: #79e379!important;
}

.notif-count
{
    background: #28013A;
    font-size: 32px!important;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

/*---------------------------------------------------- credentials page css end -------------------------------------------------------*/


/*-------------------------------------------------------- details section start ---------------------------------------------------------*/

.bannerBox{
    position: relative;
}

.bannerBox:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 14%;
    bottom: 0px;
    background: linear-gradient(to top, #000000, transparent);
    z-index: 9;
}


.bannerBox:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(20, 20, 20, 0.9) 15%, rgba(83, 100, 141, 0) 100%);
    z-index: 9;
}

.bannerBox img {
    width: 100%;
    /* height: 1080px; */
}

/* Start on 02-05-2024 */

.bannerBox .slideContentBox {
    position: absolute;
    top: 30%;
    left: 0;
    width: 60%;
    padding-left: 41px;
    z-index: 99;
    transform: translateY(-50%);
}

/* end on 02-05-2024 */

/*
.bannerBox .slideContentBox {
    position: absolute;
    top: 30%;
    left: 0;
    width: 45%;
    padding-left: 41px;
    z-index: 99;
    transform: translateY(-50%);
}
*/

.slideTitle {
    font-size: 70px;
    margin-bottom: 30px;
}

.bannerBox .subsDetals {
    font-size: 20px;
    color: #fff;

}
.bannerBox .slideDescription {
    font-size: 18px!important;
    margin-top: 20px;
    height: 85px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #fff;
}

.castUl{
    list-style: none;
    padding-left: 0;
    margin-bottom: 40px;
}

.castUl li{
    color: #F56F18;
    font-family: 'poppins-semibold';
    margin-top: 7px;
    font-size: 18px;
}

.castUl li span{
    color: #fff;
    padding-left: 10px;
}

.bannerBox .slideContentBox a{
    margin-right: 10px;
}

.detailsMain {
    margin-top: -350px;
    position: relative;
    z-index: 9;
}

.all_thumbnail .thumbnail_img {
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 12px;
    margin-right: 23px;
}
/*-------------------------------------------------------- details section end ---------------------------------------------------------*/


/*-------------------------------------------------------- video player section start ---------------------------------------------------------*/
/* Changed on 02-05-2024
.slideContentBox{
    padding: 0 45px;
}*/

.slideContentBox{
    padding: 0 45px;
}

.videoPlayer video {
    width: 100%;
}
/*-------------------------------------------------------- video player section end ---------------------------------------------------------*/


/*-------------------------------------------------------- seasons section start ---------------------------------------------------------*/

.season-section{
    padding: 0 45px;
}
.contentSection{
    background-color: #3D2249;
    padding: 30px 20px;
    width: 62%;
}



.imgSection img{
    width: 445px;
    height: 251px;
}

.contentSection ul{
    list-style: none;
}
.contentSection svg{
   background-color: #F56F18;
    padding-left: 3px;

}

.contentSection ul p{
    font-size: 22px;
    font-family: 'poppins-medium';
    position: relative;
}
.contentSection ul p:before{
    content: "";
    position: absolute;
    bottom: -10px;
    width: 100px;
    height: 3px;
    background-color: #F56F18;
}
.contentSection .slideDescription{
    font-size: 16px;
    color: #D0D0D0;
    font-family: 'poppins-regular';
    line-height: 1.7;
}

.season-section .x1{
    padding-right: 0;
}
.season-section .x2{
    padding-left: 0;
}

.mainSeasonBox{
    margin-bottom:40px;
    display: flex;
}

.mainSeasonBox a{
    text-decoration: none;
}

.seasonDrop select{
    background: #615567;
    border-color: #615567;
    color: #fff;
    Z-INDEX: 99999999999;
    padding: 12px 5px;
    appearance: auto;
    font-size: 18px;
}
.seasonDrop{
    width: 200px;
}

/*-------------------------------------------------------- seasons section end ---------------------------------------------------------*/

/*-------------------------------------------------------- favorites section start ---------------------------------------------------------*/

.favorites-section{
    margin-top: 27rem;
}

.favorites-section a{
    text-decoration: none;
}

/*-------------------------------------------------------- favorites section end ---------------------------------------------------------*/


/*-------------------------------------------------------- my profile section end ---------------------------------------------------------*/

.userimage img{
    height:200px;
    width:200px;
}

.fileBtn input {    
    position: absolute;
    width: 100px;
    left: 0;
    height: unset;
    opacity: 0;

}
.fileBtn{

    position: relative;
    background: #F56F18;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    width: 120px;
    cursor: pointer;
    padding: 5px;
}

.tab2{
    display: none;
}

.inner-cred .tab3{
    display: none;
    height: unset;
}

.account_page .cred_form {
   padding: 100px 30px;
}

.account_page .inner-cred{
    padding: 0 25px;
}

/*-------------------------------------------------------- my profile section end ---------------------------------------------------------*/


/*-------------------------------------------------------- subcription section start ---------------------------------------------------------*/

.innerSubscription{
    border-radius: 0 50px 0 50px;
    border: 3px solid #553866;
    padding: 10px;
    text-align: center;
    margin:0 20px;
    background-color: #29083D;

}

.subscriptionUl{
    list-style: none;
    padding-left: 0;
    
}

.subscriptionUl li{
    color: #fff;
    font-size: 18px;
    line-height: 2;
    font-family: 'Poppins-Regular';
}

.innerSubscription h6{
    font-size: 32px;
    color: #fff;
    font-family: 'Poppins-SemiBold';
}

.innerSubscription h6 span{
    font-size: 18px;
    color: #fff;
}
/*-------------------------------------------------------- subcription section end ---------------------------------------------------------*/


/*-------------------------------------------------------- search page css start --------------------------------------------------------*/

.searchInputBox{
   
    max-width: 1200px;
    margin: 70px auto 100px;
    position: relative;
    
}

.searchInputBox input
{
    background: #513160;
    border-radius: 7px;
    color: #fff!important;
    width: 100%;
    border-color: #513160;
    height: 60px;
    font-size: 18px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: 'poppins-regular';
}

.searchInputBox input::placeholder
{
    color: #cfcfcf;
}

.searchInputBox input:focus
{
    background-color: #513160!important;
}

.searchInputBox button{
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.susbscription_table .table tr td {
    padding: 15px;
}

.susbscription_table {
    max-width: 900px;
    margin: 0px auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    white-space: nowrap;
}

.susbscription_table tr th:nth-child(2){
    text-align:left;
}

.susbscription_table tr th:nth-child(2){
    text-align:left;
}

.susbscription_table tr td:nth-child(2){
    text-align:left;
}



/*-------------------------------------------------------- search page css end --------------------------------------------------------*/


/*-------------------------------------------------------- footer section start ---------------------------------------------------------*/

footer {
    background-color: #0A0A22;

}

.topFooter svg {
    color: #F56F18;
    width: 20px;
    margin-right: 5px;
}

.topFooter {
    padding: 20px 0 20px 0;
}
.topFooter img{
    display: block;
}

.footerUl {
    list-style: none;
    padding-left: 0;
    margin-top: 30px;
}

.footerUl li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.footerUl li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-family: 'poppins-regular';
}

.footerUl li a:hover {
    color: #F56F18;
}

.fUl {
    margin-top: 13px !important;
}

.BottomFooter {
    padding: 15px;
    background-color: #1F1E38;
}

.bottomFooterTxt {
    color: #fff;
    font-family: 'Poppins-Medium';
    font-size: 18px;
    margin-bottom: 0;
}

.bottomFooterTxt span {
    color: #e18922;
}

.socialUl {
    list-style: none;
    padding-left: 0;
    display: flex;
    float: left;
    margin-bottom: 0;
    align-items: center;
    margin-top: 23px;
}

.socialUl li {
    margin-right: 15px;

    text-align: center;
    cursor: pointer;

}

.socialUl a {
    color: #fff;
    vertical-align: middle;
    font-size: 25px;

}

.socialUl li .fa {
    transition: transform .7s ease-in-out;
}


.socialUl .youtube:hover li {
    background-color: #fa002e;
}

.socialUl .twitter:hover li {
    background-color: #1c9cea;
}

.socialUl .instagram:hover li {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.socialUl a:hover {
    color: #fff;
}

.upperfooter {
    display: flex;
    justify-content: space-between;
}

.upperFootUl {
    list-style: none;
    display: flex;
    padding-left: 0;
}

.upperFootUl a {
    color: #fff;
    font-size: 14px;
    font-family: 'poppins-SemiBold';
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #bba750;
}

.upperFootUl a:last-child {
    border: none;
}

.upperFootUl a {
    text-decoration: none;
}

.upperFootUl a:hover {
    color: #bba750;
}

/* footer section end */


/* Social popup by me_01-05-2024 */

.modal {
    position: fixed;
    inset: 0;
    justify-content: right;
  }