/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* body and header css */  
*{
    outline: none;
}
body {
    font-size: 14px;
    position: relative;
    background-color: #000;
    color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
.wrapper {
    min-height: 600px;
}
nav.navbar {
    background-color: #0d1118
}
nav.navbar.add_bg{
    background-color: #0d1118;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-brand img {
    height: 50px
}
.navbar-toggler-icon {
    background-image: none;
    width: 23px;
    height: 3px;
    background-color: rgba(255, 255, 255, .5);
    position: relative
}
nav{
    transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out
}
.navbar-nav .nav-item .nav-link {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0px 3px;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item .nav-link.active,
.navbar-nav .nav-item .nav-link:hover{
    /* background: rgba(255, 255, 255, 0.1); */
    background: rgb(233,178,41);
    background: linear-gradient(0deg, rgba(233,178,41,1) 4%, rgba(140,88,18,1) 50%, rgba(233,178,41,1) 96%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; 
}
.navbar-toggler-icon:after,
.navbar-toggler-icon:before {
    display: block;
    content: "";
    width: 23px;
    height: 3px;
    background-color: rgba(255, 255, 255, .5);
    transition: transform .3s ease, opacity .3s ease .1s;
    -webkit-transition: transform .3s ease, opacity .3s ease .1s;
    -moz-transition: transform .3s ease, opacity .3s ease .1s;
    -ms-transition: transform .3s ease, opacity .3s ease .1s
}
.navbar-toggler-icon:before {
    transform: translateY(-7px);
    transition: transform .3s ease, opacity .3s ease .1s;
    -webkit-transition: transform .3s ease, opacity .3s ease .1s;
    -moz-transition: transform .3s ease, opacity .3s ease .1s;
    -ms-transition: transform .3s ease, opacity .3s ease .1s
}
.navbar-toggler-icon:after {
    transform: translateY(4px);
    transition: transform .3s ease, opacity .3s ease .1s;
    -webkit-transition: transform .3s ease, opacity .3s ease .1s;
    -moz-transition: transform .3s ease, opacity .3s ease .1s;
    -ms-transition: transform .3s ease, opacity .3s ease .1s
}
.navbar-toggler {
    font-size: 100%;
    padding: 0;
    border: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
.navbar-toggler,
.navbar-toggler-icon{
    outline: none;
}
.navbar-toggler.colsedMenu>span {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
.navbar-toggler.colsedMenu>span:after {
    transform: translateY(15px);
    opacity: 0;
    transition: transform .3s ease, opacity .3s ease .1s;
    -webkit-transition: transform .3s ease, opacity .3s ease .1s;
    -moz-transition: transform .3s ease, opacity .3s ease .1s;
    -ms-transition: transform .3s ease, opacity .3s ease .1s
}
.navbar-toggler.colsedMenu>span:before {
    transform: rotate(92deg);
    transform-origin: center center;
    transition: transform .3s ease .31s;
    -webkit-transition: transform .3s ease .31s;
    -moz-transition: transform .3s ease .31s;
    -ms-transition: transform .3s ease .31s
}
.navbar-toggler.colsedMenu>span {
    transform: rotate(-45deg);
    transform-origin: center center;
    transition: transform .3s ease .31s;
    -webkit-transition: transform .3s ease .31s;
    -moz-transition: transform .3s ease .31s;
    -ms-transition: transform .3s ease .31s
}
.search_header .form-control {
    height: 36px;
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    border: none;
    width: 260px;
    font-size: 14px
}
.search_header .input-group-append {
    margin-left: 0
}
.search_header .btn {
    margin-right: 0;
    font-size: 16px;
    padding: .25rem .6rem;
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    border: none;
    box-shadow: none!important
}
a.dropdown-toggle{
    outline: none;
}
.dropdown-menu{
    padding: 0;
    background: #0d1118;
    color: #fff;
    border: none;
    margin-top:11px;
    border-radius: 0;
}
.no-touch .dropdown-menu{
    margin: 0;
    padding:11px 0 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.no-touch .dropdown:hover > .dropdown-menu,
.no-touch .dropdown:hover > .dropdown-menu:hover {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.no-touch .dropdown>.dropdown-toggle:active {
    pointer-events: none;
}
.dropdown-menu a.dropdown-item{
    color: #fff;
    padding: 8px 20px;
    font-size: 15px;
    text-decoration: none;
    outline: none;
    background: #0d1118;
}
.dropdown-item i{
    margin-right: 5px;
}
.dropdown-menu a.dropdown-item:hover{
    color: #fff;
    background:#0e1420;
}  
.dropdown-toggle::after{
    font-size: 17px;
    vertical-align: middle;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease
} 
.dropdown.show .dropdown-toggle::after{
    transform: rotate(-90deg);
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
}
.divider {
    width: 50px;
    height: 2px;
    background-image: linear-gradient(to left bottom, #ff344c, #ff4e3d, #ff652e, #ff7b1c, #ff9000);
    margin-top: 5px
}
.load_more_episodes {
    clear: both;
    width: 100%
}
.overlay-container{
    position: fixed;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.8);
    z-index: 9999;
    left: 0;
    top: 0;
}
.overlay-container .box{
    max-width: 1000px;
    margin:0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    text-align: center;
    padding: 15px
}
.overlay-container .box h1,
.overlay-container .box h5{
    color: #fff;
}
.nav-link.premium img{
    vertical-align: -1px;
}

/*buttons*/
.btn.btn-gradient,
.sigma_btn-custom {
    background: rgb(233,178,41);
    background: linear-gradient(0deg, rgba(233,178,41,1) 4%, rgba(140,88,18,1) 50%, rgba(233,178,41,1) 96%);
    border: none;
    font-weight: 600;
    box-shadow: none!important;
    padding: .65rem 1.5rem;
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
a.sigma_btn-custom{
	color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    padding: 18px 30px;
    line-height: 1;
    border-radius: 30px;
}
/* .btn.btn-gradient:hover{
    color: #fff;
    background: rgb(233,178,41);
    background: linear-gradient(0deg, rgba(140,88,18,1) 4%, rgba(233,178,41,1) 50%, rgba(140,88,18,1) 96%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
} */
.mobile_new_naviation{
    display: none;
}

.custom_background.white_theme{
    display: none;
}
.banner-gradient:before {
    z-index: 1;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(90%,transparent),to(#11161f));
    background-image: linear-gradient(transparent 90%,#11161f);
}
.banner-gradient:after{
    top: 0;
    right: 0;
    background-image: radial-gradient(circle,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 70%,rgba(0,0,0,.3) 100%);
}


/* footer */
footer {
    background-color: #000;
    color: #fff;
    padding: 15px 0;
    font-size: 14px;
}
.terms-privacy {
    text-align: right
}
.terms-privacy a {
    margin-left: 10px;
    color: #fff
}
.terms-privacy a:hover {
    color: #007bff
}
.book_seat_container{
    margin-top:60px;
    border-top: 1px solid rgba(255, 255, 255, .125);
    padding: 40px 0 20px;
}
.book_seat_container h3,
.book_seat_container p{
    text-align: center
}
.book_seat_container h3{
    font-weight: 700;
    margin-bottom: 5px;
}
.book_seat_container p{
    font-size: 18px;
    margin: 0 0 30px;
}


@media (max-width:767.98px) {
    .terms-privacy,
    footer {
        text-align: center
    }
}

/* forms css */
.social_form_com_container{
    background: #0d1118
}
.form-container input[type=email],
.form-container input[type=number],
.form-container input[type=password],
.form-container input[type=text],
.form-container input[type=date],
.form-container select,textarea {
    background-color: rgba(255,255,255,.2);
    color: #fff;
    border: none;
    border-radius: 0.25rem;
}
#id_profile_picture{
    background-color: rgba(255,255,255,.2);
}
.actin_row{
    border-top: 1px solid rgba(255,255,255,0.125)
}
.form-container select{
    background-image: url('https://static.the-ally.com/images/down-arrow-w.png');
}
.form-container select option{
    color: #fff;
    background: #11161f;
}
.form-container a {
    color: #fff;
}
.orwith{
    color: #6f6e6e;
}
.orwith:before,
.orwith:after{
    border-top: 1px solid #6f6e6e;
}

#loginTabs .nav-link{
    color: #fff;
    background: #3B3B3B;
}
#loginTabs .nav-link:after{
    background:rgba(255,255,255,.2);
}
#loginTabs .nav-link:hover,
#loginTabs .nav-link.active{
    background: rgb(233,178,41);
    background: linear-gradient(0deg, rgba(233,178,41,1) 4%, rgba(140,88,18,1) 50%, rgba(233,178,41,1) 96%);
}
.spark #loginTabs .nav-link:hover::after, 
.spark #loginTabs .nav-link.active::after {
    background: rgb(233,178,41);
}
/* country code */
.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel]{
    background-color: rgba(255,255,255,.2);
    color: #fff;
    border: none;
    border-radius: 0.25rem;
}
.intl-tel-input .flag-container{
    background: #3B3B3B;
}
.intl-tel-input .selected-flag .iti-arrow{
    border-top-color: #fff !important;
}
.intl-tel-input.separate-dial-code .selected-dial-code{
    color: #fff;
}
.form-container a.resend_otp{
    color: #fff;
}
.form-container a.resend_otp.active{
    color: #0056b3;
}


/*list view css */
.section_movie_list .card-body ul,
.section_movie_list .card-body>a {
    color: #aaa;
}
.section_movie_list .card {
    background: #06070b;
}
.section_movie_list .card.shadow-sm {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}
.section_movie_list .card-body h6,
.section_movie_list .card-body h2,
.pagination_cnt a,
.section_movie_list .card-body ul li {
    color: #fff
}

/* terms & privacy css */
.title-section {
    background: #1a2232;
}

/* details page */
.water_mark_text {
    font-size: 6px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.0125);
    position: absolute;
    z-index: 99;
    line-height: 1;
    width: 90%;
    display: block;
    top: 20px;
    right: 20px;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    cursor: default;
    text-align: right;
    display: none;
}
.water_mark_text.show_text{
    display: block;
    animation: color_change 12s ease;
    -webkit-animation: color_change 12s ease;
    -moz-animation: color_change 12s ease;
    -ms-animation: color_change 12s ease;
}

/* details page - reviews css */
.spark .compact_warning{
    background-color: rgba(255,255,255,.1);
}
.theme_black .modal-content {
    background: #0d1118
}
.cmt_revw {
    border-top: 1px solid rgba(255, 255, 255, .125)
}
.cmt_revw a ,.cmt_action a{
    color: #fff
}
.theme_black .modal-header {
    border-bottom-color: rgba(255, 255, 255, .3)
}
.theme_black .modal-header .close,
.theme_black .modal-header .close:hover {
    color: #fff
}
.review_title_link {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.com_text_inner,
.cm_icon {
    background: rgba(255, 255, 255, 0.125);
}
#id_comment_text,
#id_rating,
#id_review_text,
#id_comment_text,
#id_review_text {
    border: none;
    background-color: rgba(255,255,255,0.2);
    color: #fff;
}
.spark .reply_all_section .container{
    padding: 0px;
}


/* series details page */
.geners.mv-tags span {
    font-size: 10px
}
.mv-tags span {
    background: #0d1118;
    color: #fff
}
.mv-tags span::before {
    background-color: #aaa;
}
.breadcrumb {
    background-color: #0d1118
}
.breadcrumb-item+.breadcrumb-item::before {
    content: ">"
}
.modal-backdrop.show {
    opacity: .9
}
#video_modal .modal-content,
#video_modal1 .modal-content{
    background-color: transparent;
    border: none;
}
#video_modal .modal-content .close,
#video_modal1 .modal-content .close{
    text-align: right;
    color: #fff;
}


/*payment pages */
.checkout_list,
.payment_type {
    background-color: #0d1118;
}
.order_list_row {
    border-bottom: 1px solid rgba(255,255,255,.2)
}
.procced_to_pay {
    border-top: 1px solid rgba(255,255,255,.2)
}
.or-text span{
    background-color:  #11161f;
}
.or-text span:before,
.or-text span:after{
    background: rgba(255,255,255,0.125);
}
#voucher_form input[type='text'],
.discount_coupon_row #discount_code_id{
    background-color: rgba(255,255,255,0.125);
    color: #fff;
}
.poption_list{
    background: #0d1118;
}
.poption_list > div{
    border-bottom: 1px solid #3d4146;
    border-right: 1px solid #3d4146;
}
.poption_list .payment_icon{
    background: #ddd;
}

/* order history */
.history_title{
    border-bottom: 1px solid rgba(255,255,255,.2)
}
.filter_transaction .form-control{
    background-color: rgba(255,255,255,.2);
    color: #fff;
}
.order_history_block{
    background: #0d1118;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.trans_id_date{
    border-bottom: 1px solid #11161f;
}
.tr_badge:before{
    background-color: #11161f;
}


/* series genre */
.movie_list_row .container:after,
.movie_list_row .container:before {
    background: #11161f;
}
.banner_slider_spark .slick-dots li button::before{
    background-color: #fff;
}
.banner_slider_spark .slick-dots li.slick-active button::before{
    background: rgb(233,178,41);
    background: linear-gradient(0deg, rgba(233,178,41,1) 4%, rgba(140,88,18,1) 50%, rgba(233,178,41,1) 96%);
}
.poster_caption h3 a,
span.view_cnt, span.star_rev_cnt{
    color: #fff;
}
@media (max-width: 575px){
    .product_price{
        border-top: 1px solid #11161f;
    }
}

@media (max-width: 1199.98px){
    .navbar-nav .dropdown-menu.shadow{
        box-shadow: none !important;
    }
    .no-touch .dropdown-menu{
        margin: 0;
        padding:11px 0 0;
        display: none;
        visibility: visible;
        opacity: 1;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
    }
    .no-touch .dropdown>.dropdown-toggle:active {
        pointer-events: all;
    }
    .no-touch .dropdown-menu.show{
        display: block;
        margin-bottom: 5px;
    }
    .subscribe_h_link{
        text-align: center;
    }
    .nav-link.subs_nw{
        display: inline-block;
        padding: 8px 12px;
        margin: 5px 0px !important;
    }
    .dropdown-menu a.dropdown-item{
        text-align: center;
    }
}





/* faq */
#faq_accordion .card-header .btn-link{
    color: #fff;
}
#faq_accordion .card-header{
    background: #172030;
}
#faq_accordion .card-body{
    background: #232f46;
}


/* language */
.language_tile{
    background:#232f46;
    color: #fff;
}
.language_tile a span{
    color: #fff;
}


/* cs page */
.contact_column .form-group .input-group-text{
    border-color: rgba(255,255,255,0.2);
    background:rgba(255,255,255,0.2);
    color: #fff;
  }
  .contact_column .form-group .form-control{
    background:rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.2);
    color: #fff;
  }
  .contact_column .form-group .custom-select{
    background-color:rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.2);
    color: #fff;
  }
  .contact_column .form-group select.form-control{
    background:rgba(255,255,255,0.2) url('https://static.the-ally.com/images/down-arrow-w.png')no-repeat scroll 98% center
}
.age_restrict_modal .modal-content{
    background: #2F3747;
}
.age_restrict_modal .close{
    color: #fff;
}

.down_apk_link{
    vertical-align: middle;
    display: none;
}
.down_apk_link img{
    max-width: 150px;
}


@media (max-width: 767px){
    .touch .down_apk_link{
        display: inline-block;
        margin: 0 0 20px;
    }
}

/* pk catalogue */
.pk_banner_slider .slick-dots li button::before{
    background: linear-gradient(to left bottom, #ff344c, #ff4e3d, #ff652e, #ff7b1c, #ff9000);;
    box-shadow:5px 5px 8px #000;
}
.poster_slider .slick-next:before,
.poster_slider .slick-prev:before,
.feature_stack .slick-next:before,
.feature_stack .slick-prev:before,
.banner_slider_spark .slick-next:before,
.banner_slider_spark .slick-prev:before{
    color: #e8b128;
}
.pk_poster_slider .slick-next::before,
.pk_poster_slider .slick-prev:before{
    color: #fff;
}

/* available on */
.section-padding{
    padding: 40px 0;
    margin-top: 50px;
    background: #0c0c0c;
}
.section-padding h4{
    margin:0 0 10px;
    font-weight: 600;
}
.tech_we_in {
    padding: 10px 0px 0px;
}
.tech_we_in a{
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.tech_we_in a:last-child{
    margin-right: 0px;
}
.tech_we_in a img{
    max-width: 170px;
}
@media(max-width: 767px){
    .tech_we_in a{
        display: block;
        margin: 0 0 15px;
    }
}
.all_episodes_row .card{
    background: transparent;
    border: none;
    margin-bottom: 30px;
}
.all_episodes_row .card .card-body{
    padding: 10px 0px;
    text-align: center;
}
.all_episodes_row .card .card-body a{
    text-decoration: none;
}
.all_episodes_row .card .card-body h6{
    margin: 0;
}
.all_episodes_row .card .card-body .reviews_view{
    display: none;
}
.all_episodes_row .card-poster img{
    max-width: 100%;
}
@media(max-width: 767.98px){
    .all_episodes_row .card .card-body h6{
        font-size: 13px;
    }
}

/* load screen */
#home.beloading:before{
    content:"";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    z-index: 1032;
}
.loadscreen{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    z-index: 2000;
    display: none;
}
.loadscreen.rv_screen{
    top: -200%;
    transition: all 0.5s ease-in-out;
}
.loadscreen_img{
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.loadscreen img{
    width: 100%;
    height: auto;
    max-height:100vh;
    object-fit: cover;
}
.enter_site{
    position: absolute;
    right: 30px;
    bottom: 30px;
    /* transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%); */
}
.enter_site .btn.btn-gradient{
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1;
    padding: 15px 35px 15px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-weight: 500;
    box-shadow: 0px 0px 80px rgba(0,0,0,0.5) !important;
    transition: all 0.3s ease;
}
.enter_site .btn.btn-gradient:hover{
    box-shadow: none!important;
    transition: all 0.3s ease;
}
@media(min-width: 576px){
    #mobilemenu .form-inline .input-group{
        width: 295px;
    }
}


/* keyframes */
@-webkit-keyframes color_change {
    from {
        color: rgba(255, 255, 255, 0);
    }
    to {
        color: rgba(255, 255, 255, 0.4);
    }
}

@-moz-keyframes color_change {
    from {
        color: rgba(255, 255, 255, 0);
    }
    to {
        color: rgba(255, 255, 255, 0.4);
    }
}

@-ms-keyframes color_change {
    from {
        color: rgba(255, 255, 255, 0);
    }
    to {
        color: rgba(255, 255, 255, 0.4);
    }
}

@keyframes color_change {
    from {
        color: rgba(255, 255, 255, 0);
    }
    to {
        color: rgba(255, 255, 255, 0.4);
    }
}

/* profile details */
.profile_det_cont{
    background: #172030;
    border-left: 1px solid #172030;
}
.pt_wrapper .list-group-item{
    background: #232f46;
    color: #fff;
    border: none;
}
.pt_wrapper .list-group-item.active,
.pt_wrapper .list-group-item:hover{
    background: #172030;
    border: none;
}
.profile_det_cont h4{
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.edit_profile a,
a.change_pwd{
    color: #fff;
}


/* wallet checkout */
.wallet_ballance{
    background: #232f46;
}
.wallet_ballance .btn-link{
    color: #fff;
}
.enter_amt_txt_bx #id_amount{
    border-color:rgba(255,255,255,0.125);
    color: #fff;
    background: rgba(255,255,255,0.125);
}
.enter_amt_txt_bx:before{
    border-right: 1px solid rgba(255,255,255,0.125);
}
#id_gateway li label input{
    color: #fff;
}
.w_tran{
    background: #232f46;
}
.menu_col{
    background: #232f46;
}


/* subscription history */
.pt_wrapper .order_history_section{
    margin-top: 0px;
}
.order_history_section .filter_transaction .form-control{
    background-color: #ccc;
    color: #000;
}
.pt_wrapper .history_title{
    border-bottom:1px solid #ccc;
}
.pt_wrapper .trans_id_date{
    border-bottom:1px solid #fff;
    margin-bottom: 0;
}
.pt_wrapper .order_history_block{
    background: #232f46;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    margin-bottom: 25px!important;
}
span.tr_badge{
    font-size: 14px;
    line-height: 1;
    padding: 8px 12px;
    margin-top: 5px;
}
.pt_wrapper .success_badge.tr_badge{
    background: #839721
}
.pt_wrapper .tr_badge::before,
.pt_wrapper .tr_badge::after{
    content: none !important;
}
.pt_wrapper .trial_badge.tr_badge{
    background: #aaa;
    color: #202020;
}
.pt_wrapper .product_det{
    width: 70%;
}
.pt_wrapper .product_price{
    width: 30%;
}
.pt_wrapper .product_price p{
    margin:5px 0 0px;
    line-height: 1;
}
.pt_wrapper .product_price b{
    font-size: 14px;
    font-size: 700;
}
.pt_wrapper .product_price .btn:first-child{
    margin-top: 0;
}
.no_subscription{
    margin: 50px auto 200px;
}
.no_subscription p{
    display: block;
    font-size: 1rem;
    font-weight: 600;
}
.cancle_plan_confirm{
    max-width: 550px;
    margin: 150px auto;
    padding: 20px;
}
.plan_action{
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ccc;
}
.subscription_det_row{
    min-height: 90px;
    width: 100%;
}
.subscription_det,.subscription_exp,.cancle_subscription{
    width: 33.333%;
    padding: 10px 15px;
}
.subscription_exp{
    text-align: center
}
.subscription_exp p{
    margin: 0;
    line-height: 1;
}
.cancle_subscription{
    text-align: right;
}
.cancle_subscription .btn-danger{
    padding: .3rem .75rem;
}
.cancle_card_header{
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
}
/* .page-payment-processing{
    color: #202020 !important;
} */
#id_country_code{
    background-size: 11px auto !important;
    background-position: 90% center !important;
}

@media (max-width: 991px){
    .subscription_det,.subscription_exp,.cancle_subscription{
        width: 100%;
        text-align: center;
    }
    .subscription_exp{
        padding:0px 15px;
    }
    .pt_wrapper .trans_id_date::before,
    .pt_wrapper .trans_id_date::after{
        content:"";
        display: table;
        clear: both;
    }
    .pt_wrapper .trans_id_date{
        text-align: center;
    }
    .pt_wrapper .trans_id_date .date_tr{
        float: none;
        display: block;
    }
}
@media(max-width: 767px){
    .pt_wrapper .product_det{
        width:65%;
    }
    .pt_wrapper .product_price{
        width: 35%;
    }
    .my_subscription_row .list-group{
        margin-bottom: 30px;
    }
}
@media(max-width: 575px){
    .pt_wrapper .product_det,
    .pt_wrapper .product_price{
        width: 100%;
    }
    .pt_wrapper .product_price{
        text-align: center;
    }
}
/* transaction pages */
.transaction_list,
.transaction_details_row .details{
    background-color: #232f46;
}
.transaction_list .pagination,
.back_to_transaction{
    border-top: 1px solid #ccc;
}
.transaction_list .pagination_div a.prev,
.transaction_list .pagination_div a.next{
    background: #ccc;
    color: #000;
    border-radius: 5px;
}
.transaction_list .table{
    color: #fff;
}
.transaction_list .table thead th,
.transaction_list .table tbody td{
    border-color: rgba(255, 255, 255, .2);
}
.transaction_list .pagination{
    border-top: 1px solid rgba(255, 255, 255, .2);
}
.transaction_list  .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(255,255,255,.05);
}
/* spark contianer */
#home .container,
.navbar .container,
footer .container,
#weareon_tech.anmtv .container,
.iskcon_donation_details .container-fluid,
.donation_checkout_container.container-fluid{
    width: 100%;
    max-width: 100%;
    padding: 0px 50px;
}
.wrapper .container,
.payment_options .container{
    width: 66.666%;
    max-width: 100%;
    padding: 0 15px;
}
.wrapper .view_all_mv .container,
.wrapper .search_result_page .container{
    width: 100%;
    padding: 0px 50px;
}
@media(min-width: 3000px){
    #home .container,
    .navbar .container,
    footer .container,
	#weareon_tech.anmtv .container,
	.iskcon_donation_details .container-fluid,
	.donation_checkout_container.container-fluid{
        width: 100%;
        padding: 0px 70px;
    }
    .wrapper .view_all_mv .container,
    .wrapper .search_result_page .container{
        padding: 0px 70px;
    }
    .banner_slider_spark{
        width: 100%;
        padding: 0px 70px;
        margin-left: auto;
        margin-right: auto;
    }

}
@media(min-width: 1025px) and (max-width: 1199.98px){
    .payment_options .container{
        width: 100%;
        max-width: 100%;
        padding: 0px 70px;
    }
}
@media(max-width: 1024px){
    .wrapper .container,
    .payment_options .container{
        width: 100%;
        max-width: 100%;
        padding: 0 50px;
    }
    .wrapper .view_all_mv .container,
    .wrapper .search_result_page .container{
        width: 100%;
        padding: 0px 50px;
    }

}
@media(max-width: 767.98px){
    #home .container,
    .navbar .container,
    footer .container,.wrapper .container,
    .payment_options .container,
	#weareon_tech.anmtv .container,
	.iskcon_donation_details .container-fluid,
	.donation_checkout_container.container-fluid{
        padding: 0px 30px;
    }
    .wrapper .view_all_mv .container,
    .wrapper .search_result_page .container{
        width: 100%;
        padding: 0px 30px;
    }
}
@media(max-width: 575.98px){
    #home .container,
    .navbar .container,
    footer .container, .wrapper .container,
	#weareon_tech.anmtv .container,
	.iskcon_donation_details .container-fluid,
	.donation_checkout_container.container-fluid{
        padding: 0px 15px;
    }
    .wrapper .view_all_mv .container,
    .payment_options .container{
        width: 100%;
        padding: 0px 15px;
    }
}
.spark .title-section.terms_condition_header{
    margin-top: 72px;
}
/* spark pages */
.spark nav.navbar{
    background-color: #000;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}
.nav-link.premium{
    font-weight: 700;
    color: #FBDB3A !important;
}
.navbar .nav-item .nav-link.subs_nw{
    font-weight: 700;
    border-radius: 0px;
    margin-left: 0.5rem;
    padding: 0.5rem 1rem !important;
    border-radius: 4px;
    /* background: rgb(233,178,41);
    background: linear-gradient(0deg, rgba(233,178,41,1) 4%, rgba(140,88,18,1) 50%, rgba(233,178,41,1) 96%); */
}

/* spark header changes */
.tag_icon{
    display: inline-block;
    margin-right:3px;
    text-align: center;
    vertical-align: 2px;
}
.tag_icon img{
    max-height: 20px;
}
.spark #inner-details, .spark #section-two{
    margin-top: 100px;
}
.spark #slider_wallpaper,
.spark .series_wrapper,
.spark #slider-section{
    margin-top:72px;
}
.spark .banner_slider_spark .slick-slide,
.spark .banner_slider_spark .slick-slide.slick-active{
    padding: 0px;
    border-radius: 0px;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    transform:unset;
}
.spark .banner_slider_spark .slick-slide:not(.slick-active) img{
    -webkit-filter: unset;
    -moz-filter: unset;
    -o-filter: unset;
    -ms-filter: unset;
    filter: unset;
    filter: unset;
}
.spark .banner_slider_spark .slick-slide img{
    border-radius: 0px;
    width: 100%;
}
.banner_slider_spark,
.poster_slider,.feature_stack{
    visibility: hidden;
}
.banner_slider_spark.slick-initialized,
.poster_slider.slick-initialized,.feature_stack.slick-initialized{
    visibility: visible
}
.spark #slider_wallpaper{
    margin-bottom: 30px;
}
.spark .banner_slider_spark .slick-slide:not(.slick-active)::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 1;
}
.banner_slider_spark .slick-next{
    bottom: -12px;
    top: auto;
    right: calc(50% - 120px);
}
.banner_slider_spark .slick-prev{
    bottom: -12px;
    top: auto;
    left: calc(50% - 120px);
}
.banner_slider_spark .slick-dots li button,
.banner_slider_spark .slick-dots li button:before{
    width: 8px;
    height: 8px;
}
.banner_slider_spark .slick-dots{
    bottom: 15px;
}
.banner_slider_spark .item >.btn.btn-gradient{
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.spark footer{
    background: #0c0c0c;
    border-top: 1px solid #000;
}
.spark .poster_caption h3{
    font-weight: 600;
    letter-spacing: -.03em;
    font-size: .9em;
}
.safari-browser .video-js .vjs-big-play-button{
    display: none;
    opacity: 0;
}
.not-safari-browser .vjs-controls-enabled .vjs-big-play-button{
    display: block;
    opacity: 1;
    z-index: 9;
}
.not-safari-browser .vjs-controls-disabled .vjs-big-play-button, 
.not-safari-browser .vjs-error .vjs-big-play-button, 
.not-safari-browser .vjs-has-started .vjs-big-play-button, 
.not-safari-browser .vjs-using-native-controls .vjs-big-play-button{
    display: none;
    opacity: 0;
}
.safari-browser .vjs-default-skin.vjs-paused .vjs-big-play-button {
    display: none;
}
.spark .slick-slide{
    padding: 0px 4px;
}
.spark .view_all_btn{
    position: static;
    margin-left: 20px;
    padding: 3px 8px;
    border: 1px solid rgba(233,178,41,1);
    display: inline-block;
    vertical-align: middle;
    border-radius: 18px;
    color: rgba(233,178,41,1);
    background: transparent;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
}
.spark .view_all_btn:hover{
    color: rgba(140,88,18,1);
    border-color: rgba(140,88,18,1);
    background: transparent;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
} 
.spark .movie_list_row h2::after, 
.spark .filter_by_title h2::after {
    content: none;
}
.spark .movie_list_row h2,  .spark .filter_by_title h2{
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    color: rgba(233,178,41,1);
    padding-left: 0;
}
.spark .movie_list_row{
    margin-top: 0px;
}
.spark .movie_list_row .slider_main_row{
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #444;
}
.spark .movie_list_row:last-child .slider_main_row{
    border-bottom: none;
}
.search_toggle{
    position: relative;
}
.search_toggle > button.btn{
    font-size: 16px;
    padding: .25rem .6rem;
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
    border: none;
    box-shadow: none !important;
}
.search_toggle .search_header{
    /* position: absolute;
    right: 0;
    bottom: -80px;
    background-color: #000;
    padding: 10px;
    visibility: hidden;
    opacity: 0; */
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.search_toggle .search_header.open{
    visibility: visible;
    opacity: 1;
    bottom: -72px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.search_toggle .search_header input.form-control{
    box-shadow: none !important;
}

@media (max-width: 1401px){
    .search_toggle .search_header .input-group{
       width: 180px;
    }
}
@media (max-width: 1270px){
    .search_toggle .search_header .input-group{
       width: 170px;
    }
}
@media(max-width: 1199.98px){
    .search_toggle .search_header{
        position: fixed;
        left: 0;
        top: 72px;
        background-color: #000;
        padding: 10px;
        visibility: hidden;
        opacity: 0;
        width: 100%;
        height: 100%;
    }
    .search_toggle .search_header.open{
        bottom: auto;
    }
    .search_toggle .search_header .input-group{
        width: 90%;
        margin: 0 auto;
    }
}
/* .spark .video-js.vjs-16-9,
.spark .iframeVideo{
    padding-top:44%; 
} */
.spark .contact_column .intl-tel-input .flag-container{
    border-radius: 0px;
}
.spark .payment_options {
    display: none;
}
.search_result_page .row > [class*=col-]{
    -ms-flex: 0 0 16.666%;
    flex: 0 0 16.666%;
    max-width:16.666%;
}
.search_result_page .card{
    background: transparent;
}
.search_result_page.section_movie_list .card-body{
    padding: 5px 0px;
}
.search_result_page.section_movie_list .card img{
    max-height: 100%;
    border-radius: 4px;
}
.spark .pricing-wrapper .row > [class*="col-"]{
    margin-bottom: 40px;
}
.spark .pricing-wrapper {
    padding:120px 0 100px;
}
.card-poster{
    position: relative;
}
.poster_inner_desc {
    position: absolute;
    width:100%;
    left: 0;
    bottom: 20px;
    padding:40px 15px 15px;
    color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 31%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0) 100%); 
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.card-poster .poster_inner_desc{
    bottom: 0;
}
.poster_slider .slick-slide:hover .poster_inner_desc,
.card-poster:hover .poster_inner_desc,.feature_stack .slick-slide:hover .poster_inner_desc{
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.poster_inner_desc .dsc_inner{
    width: 100%;
    text-align: center;
}
.poster_inner_desc .btn.btn-gradient{
    line-height: 1;
    display: block;
    font-size: 12px;
}
.poster_inner_desc h6 a{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.poster_inner_desc h6 a:hover{
    text-decoration: none;
}
.spark .section_movie_list .card-body h6, 
.spark .section_movie_list .card-body h2{
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.spark .nav-link.premium:hover{
    color: #fff !important;
}
.spark .custom_background.black_theme{
    display: none;
}
.poster_holder_card {
    position: relative;
	overflow: hidden;
}
.poster_holder_card .poster_inner_desc{
    bottom: 0;
}
.dsc_inner p a{
    display: block;
    color: #fff;
    text-decoration: none;
}
.stoping_triler{
    position: absolute;
    right: 20px;
    z-index: 99;
    font-size: 20px;
    top: 0px;
}
.stoping_triler.show{
    display: block !important;
}
.stoping_triler a{
   color: rgb(145, 93, 19);
}
.closed_on_click .vjs-poster,
.closed_on_click .vjs-big-play-button{
    display: block !important;
    opacity: 1 !important;
}
.closed_on_click.vjs-playing .vjs-poster,
.closed_on_click.vjs-playing .vjs-big-play-button{
    display: none !important;
    
}
body .custom_background{
    display: none;
}
.plan_details{
    font-size: 16px;
}
.pricing_card{
    max-width: 100% !important;
}
.history_list_row .subscription_exp p b{
    width: auto;
    padding-right: 0px;
}
.buy_plan_sec .btn{
    border-radius: 4px !important;
}
.spark .pricing-wrapper.subscription_details_list{
    min-height: 1px;
}
.spark .poster_caption h3 a{
    white-space: nowrap;
    /* font-size: 26px;
    font-family: 'Roboto', sans-serif;
    color: rgba(233,178,41,1); */
}
.view_all_mv .container > h4{
    font-size: 24px;
    color: rgba(233,178,41,1);
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}
.featured_stack_row h2 .view_all_btn{
    display: none;
}
.mv_buy_btn .btn-links{
    color: #fff;
}
.search_header{
    margin-right: 3px;
}
.view_all_mv .banner_slider_spark {
    margin-top: -22px;
}
@media(max-width: 1590px){
    .spark .pricing_card h4{
        font-size: 1.2rem;
    }
}
@media(max-width: 1510px){
    .search_header .input-group {
        width: 200px;
    }
    .tag_icon img{
        max-height: 17px;
    }
    .navbar-nav .nav-item .nav-link{
        font-size: 11px;
        text-transform: uppercase;
        margin: 0 2px;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }
}
@media(max-width:1400px){
    .wrapper .subscription_details_list .container{
        width: 100%;
        max-width: 1140px;
    }
    .spark .pricing_card h4{
        font-size: 1.1rem;
    }
}
@media(min-width: 1200px) and (max-width: 1291px){
    .search_header .input-group {
        width: 180px;
    }
    .tag_icon{
        display: block;
    }
}
@media(min-width: 1025px) and (max-width: 1589px){
    .title-likes .mv_buy_btn{
        margin-left: -15px;
    }
    .title-likes .mv_buy_btn a.btn{
        margin-bottom: 8px;
    }
}

@media(max-width: 1199.98px){
    .navbar-nav .nav-item {
        text-align: center;
    }
    .navbar-nav .nav-item .nav-link{
        text-align: center;
        display: inline-block;
        margin:5px 0px;
    }
    .search_header{
        margin-right: 0px;
    }
    .spark #mobilemenu .form-inline .input-group{
        margin: 0 auto;
    }
    .search_result_page .row > [class*="col-"]{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .wrapper .subscription_details_list .container,
    .checkout_container.container{
        width: 100%;
        max-width: 100%;
        padding: 0px 60px;
    }
}
@media(max-width: 991.98px){
    .nav-link.subs_nw{
        margin-left: 0px;
        text-align: center;
    }
    .nav-link.subs_nw{
        margin-bottom: 0.5rem;
    }
    #mobilemenu{
        text-align: center;
    }
    .no-touch .dropdown-menu{
        margin: 0 0 0.5rem;
    }
    .navbar-nav .nav-item .nav-link{
        margin: 5px 0px;
    }
    .search_result_page .row > [class*="col-"]{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .spark .movie_list_row h2, .spark .filter_by_title h2{
        font-size: 22px;
    }
    .spark .view_all_btn{
        font-size: 14px;
    }
    .enter_site{
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
}
@media(max-width: 767.98px){
    .search_result_page .row > [class*="col-"]{
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .poster_inner_desc{
        padding: 8px;
    }
    .poster_inner_desc .dsc_inner{
        font-size: 12px;
    }
    .wrapper .subscription_details_list .container,
    .checkout_container.container{
        padding: 0px 30px;
    }
    .spark .cs_support_wrapper{
        padding: 15px 0px;
        margin-top: 72px;
    }
    .title-section.faq_title_wrapper{
        display: none;
    }
    .spark .title-section.terms_condition_header{
        padding: 10px 0px 10px;
        background: transparent
    }
    .spark .title-section.terms_condition_header h3{
        margin: 0;
    }
    .spark .terms-policy-content{
        padding-top: 20px;
    }
    .spark .faq_wrapper{
        margin-top: 80px;
    }
    .faq_wrapper::before {
        content: "FAQ";
        text-align: center;
        width: 100%;
        display: block;
        font-size: 28px;
        font-weight: 600;
        margin: 0 0 30px;
    }
    .contact_column .form-group textarea.form-control{
        height: 100px !important;
    }
    .banner_slider_spark .item > .btn.btn-gradient {
        position: absolute;
        bottom: 30px;
        left: 15px;
        font-size: 10px;
        padding: 8px 10px;
        line-height: 1;
    }
    .banner_slider_spark .slick-dots li{
        width: 13px;
        height: 13px
    }
    .banner_slider_spark .slick-next,
    .banner_slider_spark .slick-prev{
        bottom: -6px;
    }
    .banner_slider_spark .slick-prev::before, .banner_slider_spark .slick-next::before {
        font-size: 28px;
    }
    .banner_slider_spark .slick-dots li button, .banner_slider_spark .slick-dots li button::before {
        width: 6px;
        height: 6px;
    }
    .spark .movie_list_row h2, .spark .filter_by_title h2{
        font-size: 22px;
    }
    .spark .view_all_btn{
        font-size: 12px;
    }
    .movie_list_row h2{
        padding-left: 0;
    }
    .enter_site{
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
    .enter_site .btn.btn-gradient{
        font-size: 14px;
        font-weight: 600;
        padding: 10px 18px 10px;
    }
    .view_all_mv .banner_slider_spark {
        margin-top: -8px;
    }
}
@media(max-width: 574.98px){
    .banner_slider_spark .slick-next{
        bottom: -4px;
    }
    .banner_slider_spark .slick-prev{
        bottom: -4px;
    }
    .search_result_page .row{
        margin-left: -5px;
        margin-right: -5px;
    }
    .search_result_page .row > [class*="col-"]{
       padding-left: 5px;
       padding-right: 5px;
    }
    .poster_main_div .poster_inner_desc,
    .spark .card-poster .poster_inner_desc{
        display: none !important;  
    }
    .wrapper .subscription_details_list .container,
    .checkout_container.container{
        padding: 0px 15px;
    }
}

@media (min-width: 3000px){
    .spark .sign-in-up-form{
        margin-top: 200px
    }
    .sign-in-up-form h4{
        font-size: 2rem;
    }
    .spark .social_form_com_container{
        max-width: 600px;
    }
    .spark .form-container input[type="email"], 
    .spark .form-container input[type="number"], 
    .spark .form-container input[type="password"], 
    .spark .form-container input[type="text"], 
    .spark .form-container input[type="date"], 
    .spark .form-container select, textarea,
    .spark .intl-tel-input input, 
    .spark .intl-tel-input input[type="text"], 
    .spark .intl-tel-input input[type="tel"]{
        height: 46px;
        font-size: 16px;
    }
    #loginTabs .nav-link{
        font-size: 16px;
        padding:0.7rem 1rem;
    }
    footer{
        font-size: 16px;
    }
    .spark .acc_terms label{
        font-size: 16px;
    }
    .form-container.sign-up p{
        font-size: 16px;
        line-height: 1.2;
    }
    .form-container.sign-up label{
        font-size: 16px;
    }
    .spark .poster_caption h3,
    .spark .section_movie_list .card-body h6, 
    .spark .section_movie_list .card-body h2{
        font-size: 1.1em;
    }
    /* .search_result_page .row > [class*="col-"],
    .view_all_mv .infinite-container .infinite-item {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    } */
    .spark .title-likes h4, .spark .title-likes h3,
    .review_title_link h4,.profile_det_cont h4{
        font-size: 2rem;
    }
    .wallet_transaction h5,
    .order_history_block h5{
        font-size: 1.5rem;
    }
    .title-likes p,
    p.mv_desc,.social-share p,.media .mtitle,.details .media-body,
    .com_text p:first-child,.com_text p,
    .cmt_revw .custom-switch .custom-control-label::before,
    span[id*="review_count_"],.dropdown-menu a.dropdown-item,
    .pt_wrapper .list-group-item, .spark .profile_det_cont .order_history_block p{
        font-size: 16px;
    }
    .social-share ul li{
        font-size: 28px;
    }
    .profile_det_cont p,
    .profile_det_cont p:last-child{
        font-size: 18px;
    }
    .history_list_row{
        max-width: 1000px;
        margin: 0 auto;
    }
    .spark .wallet_ballance span{
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 30px;
    }
    .wallet_ballance h2{
        font-size: 28px;
    }
    .profile_det_cont p.wid_id,
    .wallet_balance_id_det_row .dflext_col:last-child p{
        font-size: 20px;
    }
    .title-section.terms_condition_header h3,
    .faq_title_wrapper h3,.contact_us_title h2{
        font-size: 2.2rem;
    }
    .terms-policy-content,
    .spark #faq_accordion .card-body{
        font-size: 18px;
    } 
    .spark #faq_accordion .card-header .btn-link{
        font-size: 16px;
    }   
    .contact_us_title p{
        font-size: 16px;
    }
    .contact_column{
        max-width: 650px;
        margin: 100px auto 0;
    }
    .plan_details p{
        font-size: 18px;
    }
    .subscription_details_list .row > [class*="col-"]{
        -ms-flex: 0 0 16.666%;
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }
    .subscription_details_list .pricing_card{
        max-width: 100%;
    }
}

.poster_slider .poster_caption,
.feature_stack .poster_caption,
.view_all_mv .infinite-item .card-body,
.search_result_page .card .card-body{
    display: none;
}
.poster_holder_card,
.view_all_mv .infinite-item .card-poster,
.search_result_page .card-poster{
    border-radius: 6px;
}
.poster_holder_card:hover,
.view_all_mv .infinite-item .card:hover .card-poster,
.search_result_page .card:hover .card-poster{
    border: 2px solid rgba(140,88,18,1);
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}
.search_result_page .card .card-poster a[href="/channel/"],
.search_result_page .card .card-poster a[href=""]{
    display: none;
}
.slick-dots li:only-child{
    display: none
}
.listof_seasons_episodes .current_episode,
.listof_seasons_episodes .infinite-item:hover{
    background: rgba(255,255, 255, .125);
}
.listof_seasons_episodes .card{
    margin-bottom: 0px;
}
/* episode changes */
.episode_list_inner_div .container-fluid,
.episode_inner_det .container{
    padding: 0px 50px;
    max-width: 100%;
    width: 100%;
}
.spark .title-likes h4 span.badge-primary, 
.spark .title-likes h3 span.badge-primary,
.spark .title-likes p span::after,
.spark .divider,
.com_text_inner span.badge{
    background: #e9b229;
    background: linear-gradient(0deg,rgba(233,178,41,1) 4%,rgba(140,88,18,1) 50%,rgba(233,178,41,1) 96%);
}
.spark .title-likes p span,
.mv_banner_btns a,
.listof_seasons_episodes .current_episode::before{
    color:#e9b229;
}
.all_episodes_row .card .card-body a,
.listof_seasons_episodes .card-body h6 a, 
.season_slider .card-body h6 a{
    color: #fff;
    text-decoration: none;
}
.all_episodes_row .infinite-item{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.listof_seasons_episodes .current_episode,
.listof_seasons_episodes .infinite-item:hover{
    background: rgba(255, 255, 255, .125);
}
.subscripe_btn_details{
    text-align: right;
}
.list_episode_title{
    background-color: #3a3636;
}
.list_episode_title,
.episodes_list_container{
    border-color: #686868 !important;
}
@media(min-width: 3000px){
    .episode_list_inner_div .container-fluid,
    .episode_inner_det .container{
        padding: 0px 70px;
    }

}
@media(max-width: 1199.98px){
    .all_episodes_row .infinite-item{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .subscripe_btn_details{
        text-align: center;
        margin-top: 10px;
    }
}
@media(max-width: 991.98px){
    .all_episodes_row .infinite-item{
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}
@media(max-width: 767.98px){
    .episode_list_inner_div .container-fluid,
    .episode_inner_det .container{
        padding: 0px 30px;
    }
}
@media(max-width: 575.98px){
    .episode_list_inner_div .container-fluid,
    .episode_inner_det .container{
        padding: 0px 15px;
    }
}
@-moz-document url-prefix() {
    section#weareon_tech{
        display: block !important;
    }
}

/* blog pages */
.blog-wrapper{
    margin-top: 72px;
}
h4.blog_catagory{
    color: #e8b128;
}
.blog-card-details h3{
	color: #fff;
}
.blog-slider-row .slick-next:before,
.blog-slider-row .slick-prev:before{
	color: #e8b128;
}
.blog-card-desc h3 a,
.blog-card-desc p b,
.pagination_row a{
	color: #fff;
}
.blog-card-desc p{
	color: #fff;
}
.pagination_row{
	border-color:rgba(255,255,255,0.125);
}
.pagination_row a.active{
	color: #e8b128;
}
#sidebar ul li a{
    color:#fff;
}
#sidebar h3:before{
	box-shadow: 3px 3px 0 0 rgba(225,225,225,0.3);
	background-color: #e8b128;
}
#sidebar ul li a:before{
    color:#fff;
}
.prev_blog a,.next_blog a{
	border: 1px solid rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.2);
}
.comments_list.card,
.comments_forms textarea{
    background-color: rgba(255,255,255,0.125) !important;
}
.comments_forms textarea{
    border-color: rgba(255,255,255,0.125) !important;
}
.tcmts{
    border-color: rgba(255,255,255,0.125) !important;
}
/* tv login code */
.tv-login-code span{
    background: #232f46;
}
/* discount */
.discount_coupon_row #discount_code_id{
    background-color: rgba(255,255,255,0.125);
    color: #fff;
}
.discount_coupon_row .form-control, .discount_coupon_row .btn.btn-link{
    border-color: #2b2f35;
}
#discount_toggler{
    text-decoration: none;
    color: #e1aa27;
    font-weight: 600;
}
.discount_coupon_row .btn.btn-link{
    color: #e1aa27;
}


/* live meeting */  
#list-wrapper{
    margin-top: 72px;
    height: calc(100vh - 120px);
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    background: url('https://source.unsplash.com/1920x1080/?nature') no-repeat scroll center center / cover;
    margin-bottom: -50px;
}
#list-wrapper:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
}
.list-wrapper-inner{
    min-height: calc(100vh - 120px);
    position: relative;
    z-index: 2;
}
.meeting-forms-list form{
    margin-bottom: 40px;
}
.meeting-forms-list input[type="text"]{
    height: 55px;
    width: 450px;
    font-style: 16px;
    padding: 10px 15px;
}
.meeting-forms-list .st_meet_btn{
    font-size:16px;
    padding: 15px 18px;
    font-weight:700;
    display: inline-block;
    background: rgb(233,178,41);
    background: linear-gradient(0deg, rgba(233,178,41,1) 4%, rgba(140,88,18,1) 50%, rgba(233,178,41,1) 96%);
    border: none;
    box-shadow: none;
}
.meeting-forms-list .st_meet_btn:hover,
.meeting-forms-list .st_meet_btn:focus{
    background: rgb(233,178,41);
    background: linear-gradient(0deg, rgba(233,178,41,1) 4%, rgba(140,88,18,1) 50%, rgba(233,178,41,1) 96%);
}
.meeting-forms-list .st_meet_btn i{
    margin-right:8px;
}
.meeting-list-row{
    height: 370px;
    overflow: auto;
    padding: 0px 15px;
    position: relative;
}
#meeting_list_h{
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3), 0 2px 6px 2px rgba(60,64,67,0.15);
    background-color: #fff;
    border-radius: .5rem;
    padding: 0.5rem 0px;
    overflow: visible;
}
.meeting-list-row a{
    text-decoration: none;
}
.meeting-det{
    border-bottom: 1px solid rgba(60,64,67,0.15);
    margin-bottom: 2px;
    transition: all 0.4s ease;
}
.meeting-det:last-child{
    border-bottom: none;
    margin-bottom: 0;
}
.date-time-col,
.meeting-title{
    padding: 10px;
    color: #444;
}
.date-time-col{
    padding-left: 20px;
    -ms-flex: 0 0 155px;
    flex: 0 0 155px;
    max-width:155px;
}
.date-time-col p:first-child{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
}
.meeting-title{
    padding-left: 20px;
    -ms-flex: 0 0 calc(100% - 155px);
    flex: 0 0 calc(100% - 155px);
    max-width: calc(100% - 155px);
}
.meeting-title h5{
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 4px;
    white-space: normal;
    word-break: break-all;
}
.active-meeting,
.meeting-det:hover{
    color: #fff;
    border-radius: 0.7rem;
    transform: scale(1.05);
    background-color:rgb(196, 141, 5);
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3), 0 2px 6px 2px rgba(60,64,67,0.15);
    transition: all 0.4s ease;
}
.active-meeting .date-time-col,
.active-meeting .meeting-title,
.meeting-det:hover .date-time-col,
.meeting-det:hover .meeting-title{
    color: #fff;
}

@media(max-width: 767.98px){
    .meeting-forms-list .form-group{
      width: 100%;
    }
    .meeting-forms-list input[type="text"]{
      width: 100%;
      margin-right: 0px !important;
    }
    .meeting-forms-list .st_meet_btn{
      margin: 10px auto 0;
    }
    .list-wrapper-inner{
      min-height: calc(100vh - 161px);
    }
}


/* rewards */
.points_col h5{
    background: #232f46;
    color: #fff;
}
.rewards_btn a{
    border: none;
    color: #fff;
    background: var(--gray);
}
.rewards_btn a.active{
    background: rgb(233,178,41);
    background: linear-gradient(0deg, rgba(233,178,41,1) 4%, rgba(140,88,18,1) 50%, rgba(233,178,41,1) 96%);
    border-color: var(--blue)
}
.activity_table .table th,
.activity_table .table td{
    color: #fff;
}
.activity_table .table-striped tbody tr:nth-of-type(2n+1){
    background: var(--gray)
}
.activity_table{
    background:#232f46;
}
.redeem_flex_col{
    background:#232f46;
    color: #fff;
}
.activity_table h6{
    border-bottom: 1px solid rgba(255,255,255,.15);
}

/* live event */
.stream_tag_row {
    border: 1px solid rgba(255,255,255,0.125);
}
.rounded-icon {
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}
.lvtitle {
    color: #fff;
}
.channel-chat-row {
    background-color: rgba(0,0,0,0.3);
}
.channel-chat-row .box-title {
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}
.dwn_ch {
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}
.play_img img {
    max-width: 60px;
}
.class_media_det img {
    background-color: rgba(0,0,0,0.3);
}
.class_media_det h5 {
    color: #f3f3f3;
}
.class_media_det h5 a {
    color: #f2f2f2;
}
.class_media_det p ,
.class_media_det p a{
    color: #f2f2f2;
}
.stream_list_left .card{
    background-color: rgba(0,0,0,.3);
}
.det_btn_row .btn-outline-secondary,
.see_more_div .btn-outline-secondary{
    border-color:#fff;
    color: #fff;
}
.det_btn_row .btn-outline-secondary:hover,
.see_more_div .btn-outline-secondary:hover{
    background-color:#fff;
    color:#000;
}
.classes_list .section-title{
    padding: 40px 0px !important;
    text-align: center;
}
.section-title h3{
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}



/* indiefilms */
.indiefilms .banner_slider_spark{
    margin-top: -44px;
}
.indiefilms .banner_slider_spark .slick-slide{
    padding: 0px;
}
.indiefilms .banner_slider_spark .slick-slide img{
    width: 100%;
}
.indiefilms .indie_msg.d-none{
    display: block !important;
}
.indie_msg{
    text-align: center;
    font-size: 18px;
    margin: 0 0 30px;
    font-weight: 600;
}
.free_badge{
    display: none;
    position: absolute;
    top: 0px;
    left: -32px;
    z-index: 2;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border-radius: 0px;
    padding: 10px 14px;
    background: rgb( 237, 56, 51,0.6);
    transform: rotate(-45deg);
    width: 100px;
}
/* .poster_main_div{
    overflow: hidden;
} */
.indiefilms .free_badge{
    display: block;
}
.globalmovieott .pw_by a{
    pointer-events: none;
}
@media(min-width: 1200px) and (max-width: 1650px){
    .movie_details_inner .container,
    .episode_inner_det .container{
        width: 1140px;
    }
}
@media(max-width: 1199.98px){
    .title-likes .row > [class*=col]{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .title-likes .mv_buy_btn{
        text-align: left;
        margin: 15px 0;
    }
}
@media(max-width: 991.98px){
    .free_badge{
        font-size: 12px;
        padding: 6px 6px;
    }
}
@media(max-width: 767.98px){
    .free_badge{
        font-size: 10px;
        top: -1px;
        left: -39px;
    }
}

/* host registraion */
.page_title{
    margin-top:66px;
    background: #3d4146;
}
.page_title.partner_singup_title{
    margin-top: -44px;
}
.upload_photo,
.upload_photo.bg_trans{
    background-color: #ddd;
}
#host_registration .form-control,
#meeting_details input[type=text],
#meeting_details textarea,
#id_video_url{
    font-size: 14px;
    height: 40px;
    width: 100%;
    padding: 10px 15px;
    background-color: rgba(255,255,255,.2);
    color: #fff;
    border: none;
    border-radius: 0.25rem;
}
#host_registration label{
    color: #fff;
}
#host_registration .btn-secondary.action_btn{
    background-image: linear-gradient(to left bottom, #ff344c, #ff4e3d, #ff652e, #ff7b1c, #ff9000);
    border: none;
    font-weight: 600;
    box-shadow: none !important;
    padding: .65rem 1.5rem;
    color: #fff;
}
/* wizard */
.live_meeting_step_form{
    background: transparent;
}
.wizard_form_container{
    background: transparent;
}
.wizard_layout_list ul li a{
    color: #fff;
}
.wizard_layout_list ul li span:not(.step_text){
    background: #3d4146;
}
.wizard_layout_list ul li.active_step span:not(.step_text){
    background: #0d6ac6;
    color: #fff;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 15px -5px rgba(21, 114, 232, 0.4);
}
.wizard_layout_list ul li.active_step:after,
.wizard_layout_list ul li.active_step a{
    color: var(--blue)
}
.wizard_layout_list ul li.active_step.step_cmplt a,
.wizard_layout_list ul li.active_step.step_cmplt:after{
    color: #28a745; 
}
.wizard_layout_list ul li.active_step.step_cmplt span:not(.step_text){
    box-shadow: none;
    background: #28a745;
    color: #fff;
}
.wizard_form_card fieldset h2{
    border-bottom: 1px solid #ddd;
}
.wizard_form_card label{
    font-size: 15px !important
}
.wizard_form_card .form-control,
.wizard_form_card .custom-select,
.wizard_form_card input[type="text"],
.wizard_form_card input[type="email"],
.wizard_form_card input[type="tel"],
.wizard_form_card input[type="number"],
.wizard_form_card input[type="date"],
.wizard_form_card textarea,
.wizard_form_card select[multiple],
.wizard_form_card select,
.wizard_form_card input[type="file"],
.select2-container .select2-selection--multiple {
    font-size: 14px;
    height: 46px;
    width: 100%;
    padding: 10px 15px;
    background-color: rgba(255,255,255,.2);
    color: #fff;
    border: none;
    border-radius: 0.25rem;
}
.wizard_form_card select:not([multiple]){
    background-image: url('https://static.the-ally.com/images/down-arrow-w.png');
}
.wizard_form_card .recent_trans_table .card{
    background: #3d4146;
}
.wizard_form_card .recent_trans_table .card .table{
    color: #fff;
}
.selector .selector-available h2,
.selector-chosen h2{
    background: var(--blue) !important;
    color: #fff !important;
}
.selector .selector-filter{
    border-color: #000 !important;
    background-color: rgba(255,255,255,.2) !important;;
}
.wizard_form_card .selector .selector-available select, 
.wizard_form_card .selector-chosen select{
    border:1px solid #000 !important;
}
.selector-filter{
    position: relative;
}
.selector .selector-filter label{
    right: 15px !important;
}
.selector .selector-available input{
    background: #fff;
    color: #000;
}
.wizard_form_card .selector-add, .wizard_form_card .selector-remove{
    opacity: 1;
}
.wizard_form_card a.selector-chooseall, .wizard_form_card a.selector-clearall{
    color: #fff;
}
.wizard_form_card a.selector-chooseall:hover,
.wizard_form_card a.selector-clearall:hover{
    color: var(--blue)
}
.datetime .datetimeshortcuts a{
    color: #000;
}
.clockbox.module h2{
    border-bottom: 1px solid #ddd;
}
.wizard_form_card .messagelist li{
    background: var(--success);
    color: #fff;
}
.wizard_form_card .messagelist li.error{
    background: var(--danger);
    color: #fff;
}
.form-group .errorlist li{
    color: #ff0000;
}
#progress_modal .modal-header,
#exampleModalXl .modal-header,
.live_steps_to_follow{
    color: #000;
}
.wizard_form_card .recent_trans_table .container-fluid, 
.wizard_form_card .recent_trans_table .card-body{
    padding: 15px !important;
}
.action-button.default,
.form-action-btns .btn-secondary,
.submit-row .btn-secondary{
    background-color: var(--green);
    border-radius: 8px;
    border: none;
    font-weight: 600;
    box-shadow: none !important;
    padding: .65rem 1.5rem;
    color: #fff;
}
button.close{
    color: #000;
}
.wizard_form_card .upload_url{
    color: #fff;
}

/* subclient profile page */
.bio_view{
    background-color: #3d4146;
    min-height: 320px;
}
.cover_img{
    width: 100%;
    object-fit: cover;
}
#taught_by.bio_tags_view{
    background: #000;
}
#taught_by.bio_tags_view:before,
#taught_by.bio_tags_view:after{
    content: none;
}
.bio_tags_view .host_img{
    margin-top: -100px;
}
.bio_tags_view .bio_img{
    width: 255px;
    height: 255px;
    object-fit: cover;
    border:none;
}
.bio_tags_view .host_det{
    padding: 15px 0 0;
}
.bio_tags_view .host_det h3{
    font-size: 32px;
}
.bio_tags_view .host_det p{
    font-size: 16px;
}
.tag_links{
    margin-top: 20px;
}
.tag_links a{
    display: inline-block;
    color: #fff;
    margin-left: 15px;
    text-decoration: none;
    font-weight: 600;
}
.tag_links a:first-child{
    margin-left: 0;
}
.tag_links a.active{
    color: #fff;
    text-decoration: underline;
}
.bio_contents{
    padding: 50px 0px 80px;
    background: #000;
}
classes_list .card-img{
    position: relative;
}
.bio_contents p{
    font-size: 18px;
    font-family: 'Gotham';
    font-weight: 300;
}
.locked{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
}
.locked_content{
    width: 100%;
    position: absolute;
    left: 0;
    padding: 15px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.locked_content p{
    margin: 10px 0 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
}
.terms_condition_check label a{
    color: #fff;
    text-decoration: none;
}
.wrapper #taught_by .container{
    width: 100%;
    max-width: 1140px;
    padding: 0 15px;
}
.classes_list .card {
    border-radius: 10px;
    margin-bottom: 30px;
}
#trainer_classes .card {
    border-radius: 10px;
    border: none;
    background: transparent;
}
#trainer_classes .card-body {
    padding: 10px 0px;
}
#trainer_classes .card h6 {
    font-size: 18px;
    text-transform: uppercase;
}
#trainer_classes .card h6 a {
    color: #fff;
}
@media(max-width:1199.98px){
    .bio_tags_view .host_img {
        margin-top: -70px;
    }
    .bio_tags_view .bio_img{
        width: 210px;
        height: 210px;
    }
    .wrapper #taught_by .container{
        width: 100%;
        max-width: 960px;
        padding: 0 15px;
    }
}
@media(max-width:991.98px){
    .wrapper #taught_by .container{
        width: 100%;
        max-width: 720px;
        padding: 0 15px;
    }
}
@media(max-width: 767.98px){
    #profile_title.page_title{
        padding: 80px 0px;
    }
    #taught_by{
        padding: 0px 0px 20px;
    }
    #taught_by::before, #taught_by::after{
        content: none;
    }
    .host_det{
        padding: 10px 0 0;
        text-align: center;
    }
    .host_img{
        text-align: center;
    }
    .host_img img{
        width: auto;
    }
    .host_det h3{
        margin-bottom: 10px;
    }
    .course_structure_col{
        margin-top: 0;
    }
    #course_structure_dates{
        padding-top: 30px;
    }
    .course_next_dates{
        padding-left: 0px;
    }
}

.indiefilms .stack_lang_list.d-none{
    display: block !important;
}
.indiefilms .stack_lang_list{
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding:8px 10px;
    background: rgb(0,0,0);
    color: #fff;
    background: linear-gradient(0deg, rgba(0,0,0,0.4) 31%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0) 100%);
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
.stack_lang_list span{
    display: inline-block;
    margin-right: 1px;
    padding-right: 6px;
    border-right: 1px solid #fff;
}
.stack_lang_list span:last-child{
    margin-right: 0;
    padding-right: 0;
    border:none;
}
@media(max-width:1199.98px){
    .indiefilms .stack_lang_list{
        font-size: 14px;
    }
}
@media(max-width: 767.98px){
    .indiefilms .stack_lang_list{
        font-size: 12px;
        padding: 5px;
    }
}
@media (max-width: 574.98px){
    .indiefilms .stack_lang_list{
        opacity: 0;
    }
}
.indiefilms #rsvp_form.d-none{
    display: block !important
}
.rsvp_product_det{
    position: relative;
}
.rsvp_product_det img{
    max-width: 100%;
    height: auto;
}
.rsvp_product_desc{
    padding: 15px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 31%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0) 100%);
}
.rsvp_product_det h3{
    font-weight: 600;
}
.rsvp_product_det p{
    font-size: 16px;
}
.rsvp_form_col{
    padding: 20px 15px;
    background: #151515;
    border-radius: 10px;
}
.rsvpClass ul.messages{
    padding: 0;
    list-style: outside none;
    overflow: hidden;
}
.rsvpClass ul.messages li{
    padding: 3px 10px;
    font-weight: 600;
    border-left: 4px solid;
}
.rsvpClass ul.messages li.alert-success{
    text-align: center;
    font-size: 16px;
}
.rsvpClass .form-group .text-danger{
    color: #ff0000 !important;
    font-size: 14px;
    font-weight: 400;
}
.metamask_inner{
    background: #0d1118;
}

/* newsfeed comments & reviews */
.newsfeed_wrapper .card, .feeds_card,
.feeds_card .card-header,.feeds_card .card-body,.feeds_card .card-footer{
    background: #0d1118 !important;
}
[class*="loadMore_id_"],
[class*="loadMore_id_"]:hover{
    color: #fff !important;
}
.com_text p:first-child{
    margin-bottom: 10px;
}
.com_text_inner .posted_time{
    display: block;
    color: rgba(255, 255, 255, .4);
    margin-top: 4px;
    font-size: 12px;
}
.cmt_revw{
    border-top:1px solid rgba(255, 255, 255, .4) !important;
}
.comments_forms > div:first-child{
    margin-top: 15px;
}
.liks_comt_col span a,
.feed_header_action .social_dropdown, .feed_header_action .save_feed > a, .feed_header_action .feed_options > a,
.feed_main_right .trending_feed .view_all_btn, .feed_main_right .popular_feed .view_all_btn,
.feed_header_action .social_dropdown:hover,
.feed_header_action .save_feed > a:hover,
.feed_header_action .feed_options > a:hover,
.tr_feed_desc .tr_views .fa-eye {
    color: #e9b229;
}
.tr_feed_col .tr_feed_desc a{
    color: #fff
}
.liks_comt_col span .fa-heart{
    color: #ff0000;
}
.review_section .comment_textarea .form-control,
.feeds_card .comment_textarea .form-control{
    background: rgba(255, 255, 255, .2);
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
}
.com_text_inner .au_edited_txt{
    color: rgba(255, 255, 255, .5);
}


/* spark rights */
.inset-0 {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0
}

.inset-4 {
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
	top: 1rem
}

.inset-x-0 {
	left: 0;
	right: 0
}

.top-0 {
	top: 0
}

.left-0 {
	left: 0
}

.top-\[85\%\] {
	top: 85%
}

.-left-6 {
	left: -1.5rem
}

.\!-right-4 {
	right: -1rem !important
}

.\!top-\[85\%\] {
	top: 85% !important
}

.\!left-auto {
	left: auto !important
}

.top-1\/2 {
	top: 50%
}

.left-1\/2 {
	left: 50%
}

.-right-3 {
	right: -.75rem
}

.bottom-0 {
	bottom: 0
}

.top-3 {
	top: .75rem
}

.right-3 {
	right: .75rem
}

.left-3 {
	left: .75rem
}

.-bottom-3 {
	bottom: -.75rem
}

.right-0 {
	right: 0
}

.bottom-4 {
	bottom: 1rem
}

.left-4 {
	left: 1rem
}

.-bottom-2 {
	bottom: -.5rem
}

.-left-4 {
	left: -1rem
}

.-right-4 {
	right: -1rem
}

.-left-3 {
	left: -.75rem
}

.top-\[60\%\] {
	top: 60%
}

.top-2 {
	top: .5rem
}

.right-2 {
	right: .5rem
}

.bottom-12 {
	bottom: 3rem
}

.-bottom-5 {
	bottom: -1.25rem
}

.right-4 {
	right: 1rem
}

.-left-\[18\%\] {
	left: -18%
}

.top-1\/3 {
	top: 33.333333%
}

.-right-\[5\%\] {
	right: -5%
}

.right-6 {
	right: 1.5rem
}

.top-6 {
	top: 1.5rem
}

.top-10 {
	top: 2.5rem
}

.left-12 {
	left: 3rem
}

.-bottom-4 {
	bottom: -1rem
}

.-left-8 {
	left: -2rem
}

.-top-14 {
	top: -3.5rem
}

.-top-10 {
	top: -2.5rem
}

.-bottom-8 {
	bottom: -2rem
}

.right-12 {
	right: 3rem
}

.right-8 {
	right: 2rem
}

.top-8 {
	top: 2rem
}

.-top-1\/4 {
	top: -25%
}

.-right-2 {
	right: -.5rem
}

.-bottom-1 {
	bottom: -.25rem
}

.z-20 {
	z-index: 20
}

.z-10 {
	z-index: 10
}

.-z-10 {
	z-index: -10
}

.order-3 {
	order: 3
}

.col-span-3 {
	grid-column: span 3/span 3
}

.col-span-full {
	grid-column: 1/-1
}

.col-span-6 {
	grid-column: span 6/span 6
}

.col-span-5 {
	grid-column: span 5/span 5
}

.\!my-0 {
	margin-bottom: 0 !important;
	margin-top: 0 !important
}

.my-12 {
	margin-bottom: 3rem;
	margin-top: 3rem
}

.\!my-10 {
	margin-bottom: 2.5rem !important;
	margin-top: 2.5rem !important
}

.ml-12 {
	margin-left: 3rem
}

.mr-8 {
	margin-right: 2rem
}

.mt-24 {
	margin-top: 6rem
}

.mb-8 {
	margin-bottom: 2rem
}

.mt-10 {
	margin-top: 2.5rem
}

.ml-8 {
	margin-left: 2rem
}

.mb-px {
	margin-bottom: 1px
}

.mb-6 {
	margin-bottom: 1.5rem
}

.-ml-1 {
	margin-left: -.25rem
}
.mb-16 {
	margin-bottom: 4rem
}

.mb-12 {
	margin-bottom: 3rem
}

.mt-16 {
	margin-top: 4rem
}

.mb-10 {
	margin-bottom: 2.5rem
}

.mt-8 {
	margin-top: 2rem
}

.mr-2\.5 {
	margin-right: .625rem
}

.mb-2\.5 {
	margin-bottom: .625rem
}
.mb-\[1\.875rem\] {
	margin-bottom: 1.875rem
}

.mt-20 {
	margin-top: 5rem
}
.-mt-px {
	margin-top: -1px
}

.mt-6 {
	margin-top: 1.5rem
}

.mb-\[3px\] {
	margin-bottom: 3px
}

.-ml-2 {
	margin-left: -.5rem
}

.-mr-2 {
	margin-right: -.5rem
}

.mt-7 {
	margin-top: 1.75rem
}

.mt-2 {
	margin-top: .5rem
}

.mb-24 {
	margin-bottom: 6rem
}

.-mb-\[3px\] {
	margin-bottom: -3px
}

.mt-px {
	margin-top: 1px
}

.-mb-\[2px\] {
	margin-bottom: -2px
}

.mb-\[2px\] {
	margin-bottom: 2px
}

.mt-0\.5 {
	margin-top: .125rem
}

.mt-0 {
	margin-top: 0
}

.-mt-6 {
	margin-top: -1.5rem
}

.-ml-5 {
	margin-left: -1.25rem
}

.-mr-5 {
	margin-right: -1.25rem
}

.-ml-16 {
	margin-left: -4rem
}

.-mt-1 {
	margin-top: -.25rem
}

.mt-12 {
	margin-top: 3rem
}

.mr-auto {
	margin-right: auto
}

.-ml-14 {
	margin-left: -3.5rem
}

.-mt-4 {
	margin-top: -1rem
}

.mb-14 {
	margin-bottom: 3.5rem
}

.-mt-48 {
	margin-top: -12rem
}

.-mt-20 {
	margin-top: -5rem
}

.mb-20 {
	margin-bottom: 5rem
}

.mt-14 {
	margin-top: 3.5rem
}

.mb-9 {
	margin-bottom: 2.25rem
}

.-mt-8 {
	margin-top: -2rem
}

.mb-7 {
	margin-bottom: 1.75rem
}

.-mt-\[3\.5rem\] {
	margin-top: -3.5rem
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.inline {
	display: inline
}

.flex {
	display: flex
}

.\!flex {
	display: flex !important
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.contents {
	display: contents
}

.hidden {
	display: none
}

.h-full {
	height: 100%
}

.h-4 {
	height: 1rem
}

.h-10 {
	height: 2.5rem
}

.h-px {
	height: 1px
}

.h-5 {
	height: 1.25rem
}

.h-\[1\.125rem\] {
	height: 1.125rem
}

.h-6 {
	height: 1.5rem
}

.h-8 {
	height: 2rem
}

.h-24 {
	height: 6rem
}

.h-\[8\.125rem\] {
	height: 8.125rem
}

.h-\[18\.75rem\] {
	height: 18.75rem
}

.h-\[\.875rem\] {
	height: .875rem
}

.h-9 {
	height: 2.25rem
}

.h-80 {
	height: 20rem
}

.h-11 {
	height: 2.75rem
}

.h-12 {
	height: 3rem
}

.h-\[430px\] {
	height: 430px
}

.h-3\.5 {
	height: .875rem
}

.h-3 {
	height: .75rem
}

.h-screen {
	height: 100vh
}

.h-0\.5 {
	height: .125rem
}

.h-0 {
	height: 0
}

.h-16 {
	height: 4rem
}

.h-7 {
	height: 1.75rem
}

.h-\[4\.25rem\] {
	height: 4.25rem
}

.h-\[2\.25rem\] {
	height: 2.25rem
}

.h-\[5\.5rem\] {
	height: 5.5rem
}
.max-h-logo {
	max-height: 3.5rem
}
.max-h-7 {
	max-height: 1.75rem
}

.max-h-48 {
	max-height: 12rem
}

.max-h-72 {
	max-height: 18rem
}

.w-full {
	width: 100%
}

.w-12 {
	width: 3rem
}

.w-4 {
	width: 1rem
}

.w-10 {
	width: 2.5rem
}

.w-5 {
	width: 1.25rem
}

.w-\[1\.125rem\] {
	width: 1.125rem
}

.w-6 {
	width: 1.5rem
}

.w-8 {
	width: 2rem
}

.w-24 {
	width: 6rem
}

.w-\[80\%\] {
	width: 80%
}

.w-\[8\.125rem\] {
	width: 8.125rem
}

.w-1\/2 {
	width: 50%
}

.w-\[\.875rem\] {
	width: .875rem
}

.w-36 {
	width: 9rem
}

.w-48 {
	width: 12rem
}

.w-7 {
	width: 1.75rem
}

.w-\[74\.5\%\] {
	width: 74.5%
}

.w-1\/3 {
	width: 33.333333%
}

.w-11 {
	width: 2.75rem
}

.w-\[2\.625rem\] {
	width: 2.625rem
}

.w-3\.5 {
	width: .875rem
}

.w-3 {
	width: .75rem
}

.w-0 {
	width: 0
}

.w-16 {
	width: 4rem
}

.w-28 {
	width: 7rem
}

.w-72 {
	width: 18rem
}

.w-\[17\%\] {
	width: 17%
}

.w-\[22\%\] {
	width: 22%
}

.w-\[4\.25rem\] {
	width: 4.25rem
}

.w-\[2\.25rem\] {
	width: 2.25rem
}

.w-\[5\.5rem\] {
	width: 5.5rem
}

.w-\[28\%\] {
	width: 28%
}

.w-\[12\%\] {
	width: 12%
}

.min-w-\[200px\] {
	min-width: 200px
}

.min-w-\[14rem\] {
	min-width: 14rem
}

.min-w-\[220px\] {
	min-width: 220px
}

.min-w-\[252px\] {
	min-width: 252px
}

.min-w-\[12rem\] {
	min-width: 12rem
}

.min-w-fit {
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content
}

.min-w-\[9rem\] {
	min-width: 9rem
}

.min-w-\[736px\] {
	min-width: 736px
}

.min-w-\[280px\] {
	min-width: 280px
}

.max-w-\[10rem\] {
	max-width: 10rem
}

.max-w-lg {
	max-width: 32rem
}

.max-w-2xl {
	max-width: 42rem
}

.max-w-xl {
	max-width: 36rem
}

.max-w-md {
	max-width: 28rem
}

.max-w-\[7\.5rem\] {
	max-width: 7.5rem
}

.max-w-\[48\.125rem\] {
	max-width: 48.125rem
}

.max-w-xs {
	max-width: 20rem
}

.max-w-\[35rem\] {
	max-width: 35rem
}

.max-w-\[91rem\] {
	max-width: 91rem
}

.max-w-sm {
	max-width: 24rem
}

.max-w-\[13\.125rem\] {
	max-width: 13.125rem
}

.max-w-\[90rem\] {
	max-width: 90rem
}

.max-w-5xl {
	max-width: 64rem
}

.max-w-4xl {
	max-width: 56rem
}

.max-w-\[90\.375rem\] {
	max-width: 90.375rem
}

.max-w-\[25\.625rem\] {
	max-width: 25.625rem
}

.max-w-\[9\.625rem\] {
	max-width: 9.625rem
}

.max-w-\[53\.125rem\] {
	max-width: 53.125rem
}

.flex-1 {
	flex: 1 1 0%
}

.flex-\[3\] {
	flex: 3
}

.flex-\[3_3_0\%\] {
	flex: 3 3 0%
}

.flex-shrink-0,
.shrink-0 {
	flex-shrink: 0
}

.grow {
	flex-grow: 1
}

.basis-3\/12 {
	flex-basis: 25%
}

.basis-8\/12 {
	flex-basis: 66.666667%
}

.basis-4\/12 {
	flex-basis: 33.333333%
}

.-translate-y-1\/2 {
	--tw-translate-y: -50%
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-1\/2 {
	--tw-translate-x: -50%
}

.-translate-y-4 {
	--tw-translate-y: -1rem
}

.-translate-y-2\/4,
.-translate-y-4 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-2\/4 {
	--tw-translate-y: -50%
}

.rotate-\[8deg\] {
	--tw-rotate: 8deg
}

.rotate-\[8deg\],
.scale-150 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-150 {
	--tw-scale-x: 1.5;
	--tw-scale-y: 1.5
}

.-scale-y-100 {
	--tw-scale-y: -1
}

.-scale-y-100,
.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@-webkit-keyframes fly {

	0%,
	to {
		transform: translateY(5%)
	}

	50% {
		transform: translateY(0)
	}
}

@keyframes fly {

	0%,
	to {
		transform: translateY(5%)
	}

	50% {
		transform: translateY(0)
	}
}

.animate-fly {
	-webkit-animation: fly 6s cubic-bezier(.75, .02, .31, .87) infinite;
	animation: fly 6s cubic-bezier(.75, .02, .31, .87) infinite
}

@-webkit-keyframes heartBeat {

	0%,
	40%,
	80%,
	to {
		transform: scale(1.1)
	}

	20%,
	60% {
		transform: scale(.8)
	}
}

@keyframes heartBeat {

	0%,
	40%,
	80%,
	to {
		transform: scale(1.1)
	}

	20%,
	60% {
		transform: scale(.8)
	}
}

.animate-heartBeat {
	-webkit-animation: heartBeat 1s cubic-bezier(.75, .02, .31, .87) infinite;
	animation: heartBeat 1s cubic-bezier(.75, .02, .31, .87) infinite
}

@-webkit-keyframes gradient {
	to {
		background-position: 200%
	}
}

@keyframes gradient {
	to {
		background-position: 200%
	}
}

.animate-gradient {
	-webkit-animation: gradient 6s linear infinite;
	animation: gradient 6s linear infinite
}

@-webkit-keyframes spin {
	to {
		transform: rotate(1turn)
	}
}

.animate-spin-slow {
	-webkit-animation: spin 10s linear infinite;
	animation: spin 10s linear infinite
}

.cursor-pointer {
	cursor: pointer
}

.cursor-default {
	cursor: default
}

.select-none {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.resize {
	resize: both
}

.list-disc {
	list-style-type: disc
}

.appearance-none {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.grid-flow-row {
	grid-auto-flow: row
}

.grid-flow-col {
	grid-auto-flow: column
}

.grid-cols-\[repeat\(2\2c _1fr\)\] {
	grid-template-columns: repeat(2, 1fr)
}

.grid-cols-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-rows-5 {
	grid-template-rows: repeat(5, minmax(0, 1fr))
}

.grid-rows-2 {
	grid-template-rows: repeat(2, minmax(0, 1fr))
}

.flex-col {
	flex-direction: column
}

.flex-wrap {
	flex-wrap: wrap
}

.items-end {
	align-items: flex-end
}

.items-center {
	align-items: center
}

.justify-start {
	justify-content: flex-start
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

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

.gap-4 {
	gap: 1rem
}

.gap-\[1\.875rem\] {
	gap: 1.875rem
}

.gap-7 {
	gap: 1.75rem
}

.gap-12 {
	gap: 3rem
}

.gap-3 {
	gap: .75rem
}

.gap-8 {
	gap: 2rem
}

.gap-5 {
	gap: 1.25rem
}

.gap-x-4 {
	-moz-column-gap: 1rem;
	column-gap: 1rem
}

.gap-x-7 {
	-moz-column-gap: 1.75rem;
	column-gap: 1.75rem
}

.gap-y-14 {
	row-gap: 3.5rem
}

.space-x-5>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-4>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
	margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
	margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-1>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
	margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-2\.5>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.625rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.625rem*var(--tw-space-x-reverse))
}

.space-x-3>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.-space-x-2>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(-.5rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(-.5rem*var(--tw-space-x-reverse))
}

.space-x-\[0\.625rem\]>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.625rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.625rem*var(--tw-space-x-reverse))
}

.space-y-\[0\.625rem\]>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(.625rem*var(--tw-space-y-reverse));
	margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-7>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(1.75rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(1.75rem*var(--tw-space-x-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
	margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-10>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
	margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-8>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(2rem*var(--tw-space-x-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(1rem*var(--tw-space-y-reverse));
	margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
	--tw-divide-y-reverse: 0;
	border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
	border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

.divide-jacarta-100>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: 1;
	border-color: rgba(231, 232, 236, var(--tw-divide-opacity))
}

.self-start {
	align-self: flex-start
}

.self-end {
	align-self: flex-end
}

.self-center {
	align-self: center
}

.self-stretch {
	align-self: stretch
}

.overflow-hidden {
	overflow: hidden
}

.overflow-x-auto {
	overflow-x: auto
}

.overflow-y-auto {
	overflow-y: auto
}

.overflow-x-hidden {
	overflow-x: hidden
}

.overflow-y-hidden {
	overflow-y: hidden
}

.text-ellipsis {
	text-overflow: ellipsis
}

.whitespace-nowrap {
	white-space: nowrap
}

.rounded-2xl {
	border-radius: 1rem
}

.rounded-full {
	border-radius: 9999px
}

.rounded-xl {
	border-radius: .75rem
}

.rounded {
	border-radius: .25rem
}

.rounded-lg {
	border-radius: .5rem
}

.rounded-3xl {
	border-radius: 1.5rem
}

.rounded-2lg {
	border-radius: .625rem
}

.rounded-2\.5xl {
	border-radius: 1.25rem
}

.rounded-\[0\.625rem\] {
	border-radius: .625rem
}

.rounded-md {
	border-radius: .375rem
}

.rounded-\[1\.125rem\] {
	border-radius: 1.125rem
}

.rounded-b-\[1\.25rem\] {
	border-bottom-left-radius: 1.25rem;
	border-bottom-right-radius: 1.25rem
}

.rounded-l-xl {
	border-bottom-left-radius: .75rem;
	border-top-left-radius: .75rem
}

.rounded-r-xl {
	border-bottom-right-radius: .75rem;
	border-top-right-radius: .75rem
}

.rounded-l-lg {
	border-bottom-left-radius: .5rem;
	border-top-left-radius: .5rem
}

.rounded-r-lg {
	border-bottom-right-radius: .5rem
}

.rounded-r-lg,
.rounded-t-lg {
	border-top-right-radius: .5rem
}

.rounded-t-lg {
	border-top-left-radius: .5rem
}

.rounded-b-lg {
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem
}

.rounded-t-2lg,
.rounded-t-\[0\.625rem\] {
	border-top-left-radius: .625rem;
	border-top-right-radius: .625rem
}

.rounded-b-2lg {
	border-bottom-left-radius: .625rem;
	border-bottom-right-radius: .625rem
}

.rounded-tl-none {
	border-top-left-radius: 0
}

.border {
	border-width: 1px
}

.border-0 {
	border-width: 0
}

.border-2 {
	border-width: 2px
}

.border-\[5px\] {
	border-width: 5px
}

.border-y {
	border-bottom-width: 1px;
	border-top-width: 1px
}

.border-t-0 {
	border-top-width: 0
}

.border-t {
	border-top-width: 1px
}

.border-b {
	border-bottom-width: 1px
}

.border-r {
	border-right-width: 1px
}

.border-r-0 {
	border-right-width: 0
}

.border-l {
	border-left-width: 1px
}

.border-b-0 {
	border-bottom-width: 0
}

.border-dashed {
	border-style: dashed
}

.border-none {
	border-style: none
}

.border-jacarta-100 {
	--tw-border-opacity: 1;
	border-color: rgba(231, 232, 236, var(--tw-border-opacity))
}

.border-white {
	--tw-border-opacity: 1;
	border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.border-jacarta-200 {
	--tw-border-opacity: 1;
	border-color: rgba(196, 197, 207, var(--tw-border-opacity))
}

.border-transparent {
	border-color: transparent
}

.border-accent {
	--tw-border-opacity: 1;
	border-color: rgba(131, 88, 255, var(--tw-border-opacity))
}

.border-jacarta-600 {
	--tw-border-opacity: 1;
	border-color: rgba(54, 58, 93, var(--tw-border-opacity))
}

.border-red {
	--tw-border-opacity: 1;
	border-color: rgba(239, 68, 68, var(--tw-border-opacity))
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-green {
	--tw-bg-opacity: 1;
	background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
}

.bg-light-base {
	--tw-bg-opacity: 1;
	background-color: rgba(245, 248, 250, var(--tw-bg-opacity))
}

.bg-\[\#E4FCF4\] {
	--tw-bg-opacity: 1;
	background-color: rgba(228, 252, 244, var(--tw-bg-opacity))
}

.bg-\[\#FDF7EE\] {
	--tw-bg-opacity: 1;
	background-color: rgba(253, 247, 238, var(--tw-bg-opacity))
}

.bg-\[\#F2EEFF\] {
	--tw-bg-opacity: 1;
	background-color: rgba(242, 238, 255, var(--tw-bg-opacity))
}

.bg-\[\#FFEEFA\] {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 238, 250, var(--tw-bg-opacity))
}

.bg-\[\#EAF2FE\] {
	--tw-bg-opacity: 1;
	background-color: rgba(234, 242, 254, var(--tw-bg-opacity))
}

.bg-\[\#EBEDFF\] {
	--tw-bg-opacity: 1;
	background-color: rgba(235, 237, 255, var(--tw-bg-opacity))
}

.bg-\[\#F5FFED\] {
	--tw-bg-opacity: 1;
	background-color: rgba(245, 255, 237, var(--tw-bg-opacity))
}

.bg-\[\#FFEEEE\] {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 238, 238, var(--tw-bg-opacity))
}

.bg-\[\#EEFCFF\] {
	--tw-bg-opacity: 1;
	background-color: rgba(238, 252, 255, var(--tw-bg-opacity))
}

.bg-accent {
	--tw-bg-opacity: 1;
	background-color: rgba(131, 88, 255, var(--tw-bg-opacity))
}

.bg-jacarta-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(231, 232, 236, var(--tw-bg-opacity))
}

.bg-jacarta-50 {
	--tw-bg-opacity: 1;
	background-color: rgba(244, 244, 246, var(--tw-bg-opacity))
}

.bg-accent-lighter {
	--tw-bg-opacity: 1;
	background-color: rgba(185, 160, 255, var(--tw-bg-opacity))
}

.bg-jacarta-700 {
	--tw-bg-opacity: 1;
	background-color: rgba(19, 23, 64, var(--tw-bg-opacity))
}

.bg-\[\#CDBCFF\] {
	--tw-bg-opacity: 1;
	background-color: rgba(205, 188, 255, var(--tw-bg-opacity))
}

.bg-\[\#C4F2E3\] {
	--tw-bg-opacity: 1;
	background-color: rgba(196, 242, 227, var(--tw-bg-opacity))
}

.bg-\[\#CDDFFB\] {
	--tw-bg-opacity: 1;
	background-color: rgba(205, 223, 251, var(--tw-bg-opacity))
}

.bg-blue {
	--tw-bg-opacity: 1;
	background-color: rgba(66, 138, 248, var(--tw-bg-opacity))
}

.bg-\[\#FFD0D0\] {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 208, 208, var(--tw-bg-opacity))
}

.bg-red {
	--tw-bg-opacity: 1;
	background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.bg-white\/\[\.15\] {
	background-color: hsla(0, 0%, 100%, .15)
}

.bg-white\/20 {
	background-color: hsla(0, 0%, 100%, .2)
}

.bg-orange {
	--tw-bg-opacity: 1;
	background-color: rgba(254, 178, 64, var(--tw-bg-opacity))
}

.bg-\[\#46C7E3\] {
	--tw-bg-opacity: 1;
	background-color: rgba(70, 199, 227, var(--tw-bg-opacity))
}

.bg-\[\#737EF2\] {
	--tw-bg-opacity: 1;
	background-color: rgba(115, 126, 242, var(--tw-bg-opacity))
}

.bg-\[\#F35BC7\] {
	--tw-bg-opacity: 1;
	background-color: rgba(243, 91, 199, var(--tw-bg-opacity))
}

.bg-\[\#EAF7E1\] {
	--tw-bg-opacity: 1;
	background-color: rgba(234, 247, 225, var(--tw-bg-opacity))
}

.bg-\[\#DCD0FF\] {
	--tw-bg-opacity: 1;
	background-color: rgba(220, 208, 255, var(--tw-bg-opacity))
}

.bg-jacarta-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(13, 16, 45, var(--tw-bg-opacity))
}

.bg-jacarta-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(16, 20, 54, var(--tw-bg-opacity))
}

.bg-jacarta-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(54, 58, 93, var(--tw-bg-opacity))
}

.bg-\[\#010107\] {
	--tw-bg-opacity: 1;
	background-color: rgba(1, 1, 7, var(--tw-bg-opacity))
}

.bg-jacarta-900\/40 {
	background-color: rgba(13, 16, 45, .4)
}

.bg-gradient-to-r {
	background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-\[\#FFE993\] {
	--tw-gradient-from: #ffe993;
	--tw-gradient-to: rgba(255, 233, 147, 0);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#F43771\] {
	--tw-gradient-from: #f43771;
	--tw-gradient-to: rgba(244, 55, 113, 0);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#FFB770\] {
	--tw-gradient-to: #ffb770
}

.to-\[\#FF9567\] {
	--tw-gradient-to: #ff9567
}

.bg-cover {
	background-size: cover
}

.bg-contain {
	background-size: contain
}

.\!bg-clip-border {
	background-clip: border-box !important
}

.bg-clip-text {
	-webkit-background-clip: text;
	background-clip: text
}

.bg-center {
	background-position: 50%
}

.bg-no-repeat {
	background-repeat: no-repeat
}

.fill-jacarta-500 {
	fill: #5a5d79
}

.fill-jacarta-700 {
	fill: #131740
}

.fill-\[\#10B981\] {
	fill: #10b981
}

.fill-\[\#FEB240\] {
	fill: #feb240
}

.fill-\[\#8358FF\] {
	fill: #8358ff
}

.fill-\[\#F35BC7\] {
	fill: #f35bc7
}

.fill-\[\#428AF8\] {
	fill: #428af8
}

.fill-\[\#737EF2\] {
	fill: #737ef2
}

.fill-\[\#8DD059\] {
	fill: #8dd059
}

.fill-\[\#EF3D3D\] {
	fill: #ef3d3d
}

.fill-\[\#46C7E3\] {
	fill: #46c7e3
}

.fill-jacarta-300 {
	fill: #a1a2b3
}

.fill-white {
	fill: #fff
}

.fill-accent {
	fill: #8358ff
}

.fill-current {
	fill: currentColor
}

.fill-jacarta-400 {
	fill: #7d7f96
}

.fill-jacarta-50 {
	fill: #f4f4f6
}

.fill-green {
	fill: #10b981
}

.fill-red {
	fill: #ef4444
}

.fill-accent-dark {
	fill: #7444ff
}

.fill-orange {
	fill: #feb240
}

.fill-blue {
	fill: #428af8
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.p-6 {
	padding: 1.5rem
}

.p-\[0\.375rem\] {
	padding: .375rem
}

.p-4 {
	padding: 1rem
}

.p-8 {
	padding: 2rem
}

.p-\[10\%\] {
	padding: 10%
}

.p-3 {
	padding: .75rem
}

.p-12 {
	padding: 3rem
}

.p-\[1\.1875rem\] {
	padding: 1.1875rem
}

.p-2 {
	padding: .5rem
}

.p-10 {
	padding: 2.5rem
}

.p-5 {
	padding: 1.25rem
}

.p-\[2px\] {
	padding: 2px
}

.p-\[3\.75rem\] {
	padding: 3.75rem
}

.p-2\.5 {
	padding: .625rem
}

.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.py-6 {
	padding-bottom: 1.5rem;
	padding-top: 1.5rem
}

.py-\[0\.6875rem\] {
	padding-bottom: .6875rem;
	padding-top: .6875rem
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.py-3 {
	padding-bottom: .75rem;
	padding-top: .75rem
}

.py-3\.5 {
	padding-bottom: .875rem;
	padding-top: .875rem
}

.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.py-2 {
	padding-bottom: .5rem;
	padding-top: .5rem
}

.py-1 {
	padding-bottom: .25rem;
	padding-top: .25rem
}

.px-2 {
	padding-left: .5rem;
	padding-right: .5rem
}

.px-8 {
	padding-left: 2rem;
	padding-right: 2rem
}

.py-16 {
	padding-bottom: 4rem;
	padding-top: 4rem
}

.py-8 {
	padding-bottom: 2rem;
	padding-top: 2rem
}

.py-24 {
	padding-bottom: 6rem;
	padding-top: 6rem
}

.py-20 {
	padding-bottom: 5rem;
	padding-top: 5rem
}

.py-4 {
	padding-bottom: 1rem;
	padding-top: 1rem
}

.py-2\.5 {
	padding-bottom: .625rem;
	padding-top: .625rem
}

.py-32 {
	padding-bottom: 8rem;
	padding-top: 8rem
}

.py-5 {
	padding-bottom: 1.25rem;
	padding-top: 1.25rem
}

.px-10 {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

.px-7 {
	padding-left: 1.75rem;
	padding-right: 1.75rem
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.\!py-5 {
	padding-bottom: 1.25rem !important;
	padding-top: 1.25rem !important
}

.py-10 {
	padding-bottom: 2.5rem;
	padding-top: 2.5rem
}

.px-16 {
	padding-left: 4rem;
	padding-right: 4rem
}

.py-12 {
	padding-bottom: 3rem;
	padding-top: 3rem
}

.py-40 {
	padding-bottom: 10rem;
	padding-top: 10rem
}

.py-36 {
	padding-bottom: 9rem;
	padding-top: 9rem
}

.py-28 {
	padding-bottom: 7rem;
	padding-top: 7rem
}

.py-\[1\.5625rem\] {
	padding-bottom: 1.5625rem;
	padding-top: 1.5625rem
}

.py-1\.5 {
	padding-bottom: .375rem;
	padding-top: .375rem
}

.pl-10 {
	padding-left: 2.5rem
}

.pt-\[5\.5rem\] {
	padding-top: 5.5rem
}

.pt-24 {
	padding-top: 6rem
}

.pb-12 {
	padding-bottom: 3rem
}

.pb-24 {
	padding-bottom: 6rem
}

.pt-28 {
	padding-top: 7rem
}

.pb-4 {
	padding-bottom: 1rem
}

.pt-4 {
	padding-top: 1rem
}

.pt-2 {
	padding-top: .5rem
}

.pb-2 {
	padding-bottom: .5rem
}

.\!pb-5 {
	padding-bottom: 1.25rem !important
}

.pt-40 {
	padding-top: 10rem
}

.pb-16 {
	padding-bottom: 4rem
}

.pt-20 {
	padding-top: 5rem
}

.pb-8 {
	padding-bottom: 2rem
}

.pb-32 {
	padding-bottom: 8rem
}

.pt-12 {
	padding-top: 3rem
}

.pb-80 {
	padding-bottom: 20rem
}

.pt-16 {
	padding-top: 4rem
}

.pt-32 {
	padding-top: 8rem
}

.pb-10 {
	padding-bottom: 2.5rem
}

.pt-10 {
	padding-top: 2.5rem
}

.pt-5 {
	padding-top: 1.25rem
}

.pb-2\.5 {
	padding-bottom: .625rem
}

.pt-6 {
	padding-top: 1.5rem
}

.pb-px {
	padding-bottom: 1px
}

.pt-0 {
	padding-top: 0
}

.pl-4 {
	padding-left: 1rem
}

.pb-28 {
	padding-bottom: 7rem
}

.pb-20 {
	padding-bottom: 5rem
}
.text-base {
	font-size: 1rem;
	line-height: normal
}
.text-sm {
	font-size: .875rem;
	line-height: normal
}

.text-xxs {
	font-size: .625rem;
	line-height: normal
}

.text-lg {
	font-size: 1.25rem;
	line-height: 1.5
}

.text-4xl {
	font-size: 2.25rem;
	line-height: normal
}

.text-3xl {
	font-size: 2rem;
	line-height: normal
}

.text-5xl {
	font-size: 2.5rem;
	line-height: normal
}

.text-2xl {
	font-size: 1.75rem;
	line-height: normal
}

.text-xl {
	font-size: 1.5rem;
	line-height: normal
}

.text-md {
	font-size: 1.125rem;
	line-height: normal
}

.text-2xs {
	font-size: .8125rem;
	line-height: normal
}

.text-xs {
	font-size: .75rem;
	line-height: normal
}

.font-bold {
	font-weight: 700
}

.font-semibold {
	font-weight: 600
}

.font-medium {
	font-weight: 500
}

.uppercase {
	text-transform: uppercase
}

.italic {
	font-style: italic
}

.not-italic {
	font-style: normal
}

.leading-none {
	line-height: 1
}

.leading-normal {
	line-height: 1.5
}

.leading-tight {
	line-height: 1.25
}

.tracking-tight {
	letter-spacing: -.025em
}

.text-jacarta-500 {
	--tw-text-opacity: 1;
	color: rgba(90, 93, 121, var(--tw-text-opacity))
}

.text-jacarta-700 {
	--tw-text-opacity: 1;
	color: rgba(19, 23, 64, var(--tw-text-opacity))
}

.text-white {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-green {
	--tw-text-opacity: 1;
	color: rgba(16, 185, 129, var(--tw-text-opacity))
}

.text-accent {
	--tw-text-opacity: 1;
	color: rgba(131, 88, 255, var(--tw-text-opacity))
}

.text-jacarta-400 {
	--tw-text-opacity: 1;
	color: rgba(125, 127, 150, var(--tw-text-opacity))
}

.text-jacarta-300 {
	--tw-text-opacity: 1;
	color: rgba(161, 162, 179, var(--tw-text-opacity))
}

.text-red {
	--tw-text-opacity: 1;
	color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.text-\[\#8DD059\] {
	--tw-text-opacity: 1;
	color: rgba(141, 208, 89, var(--tw-text-opacity))
}

.text-\[\#737EF2\] {
	--tw-text-opacity: 1;
	color: rgba(115, 126, 242, var(--tw-text-opacity))
}

.text-\[\#F35BC7\] {
	--tw-text-opacity: 1;
	color: rgba(243, 91, 199, var(--tw-text-opacity))
}

.text-jacarta-600 {
	--tw-text-opacity: 1;
	color: rgba(54, 58, 93, var(--tw-text-opacity))
}

.text-jacarta-50 {
	--tw-text-opacity: 1;
	color: rgba(244, 244, 246, var(--tw-text-opacity))
}

.text-jacarta-200 {
	--tw-text-opacity: 1;
	color: rgba(196, 197, 207, var(--tw-text-opacity))
}

.text-transparent {
	color: transparent
}

.text-orange-bright,.text-warning {
	--tw-text-opacity: 1;
	color: rgba(250, 109, 30, var(--tw-text-opacity))
}

.text-blue {
	--tw-text-opacity: 1;
	color: rgba(66, 138, 248, var(--tw-text-opacity))
}

.placeholder-jacarta-500::-moz-placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(90, 93, 121, var(--tw-placeholder-opacity))
}

.placeholder-jacarta-500::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(90, 93, 121, var(--tw-placeholder-opacity))
}

.placeholder-white::-moz-placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.placeholder-white::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.placeholder-jacarta-300::-moz-placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(161, 162, 179, var(--tw-placeholder-opacity))
}

.placeholder-jacarta-300::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(161, 162, 179, var(--tw-placeholder-opacity))
}

.opacity-0 {
	opacity: 0
}

.shadow-accent-volume {
	--tw-shadow: 5px 5px 10px rgba(108, 106, 213, .25), inset 2px 2px 6px #a78df0, inset -5px -5px 10px #6336e4;
	--tw-shadow-colored: 5px 5px 10px var(--tw-shadow-color), inset 2px 2px 6px var(--tw-shadow-color), inset -5px -5px 10px var(--tw-shadow-color)
}

.shadow-accent-volume,
.shadow-xl {
	box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-xl {
	--tw-shadow: 0px 8px 10px -6px rgba(13, 16, 45, .1), 0px 20px 25px -5px rgba(13, 16, 45, .1);
	--tw-shadow-colored: 0px 8px 10px -6px var(--tw-shadow-color), 0px 20px 25px -5px var(--tw-shadow-color)
}

.shadow-white-volume {
	--tw-shadow: 5px 5px 10px rgba(108, 106, 212, .25), inset 2px 2px 6px #eef1f9, inset -5px -5px 10px #dfe3ef;
	--tw-shadow-colored: 5px 5px 10px var(--tw-shadow-color), inset 2px 2px 6px var(--tw-shadow-color), inset -5px -5px 10px var(--tw-shadow-color)
}

.shadow-md,
.shadow-white-volume {
	box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-md {
	--tw-shadow: 0px 2px 4px -2px rgba(13, 16, 45, .1), 0px 4px 6px -1px rgba(13, 16, 45, .1);
	--tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 6px -1px var(--tw-shadow-color)
}

.shadow-\[0_5px_0_0_\#8358ff\] {
	--tw-shadow: 0 5px 0 0 #8358ff;
	--tw-shadow-colored: 0 5px 0 0 var(--tw-shadow-color)
}

.shadow-\[0_5px_0_0_\#10b981\],
.shadow-\[0_5px_0_0_\#8358ff\] {
	box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-\[0_5px_0_0_\#10b981\] {
	--tw-shadow: 0 5px 0 0 #10b981;
	--tw-shadow-colored: 0 5px 0 0 var(--tw-shadow-color)
}

.shadow-\[0_5px_0_0_\#ef4444\] {
	--tw-shadow: 0 5px 0 0 #ef4444;
	--tw-shadow-colored: 0 5px 0 0 var(--tw-shadow-color)
}

.shadow-\[0_5px_0_0_\#ef4444\],
.shadow-none {
	box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-none {
	--tw-shadow: 0 0 transparent;
	--tw-shadow-colored: 0 0 transparent
}

.shadow-2xl {
	--tw-shadow: 0px 25px 50px -12px rgba(13, 16, 45, .1), 0px 12px 24px 0px rgba(13, 16, 45, .1);
	--tw-shadow-colored: 0px 25px 50px -12px var(--tw-shadow-color), 0px 12px 24px 0px var(--tw-shadow-color)
}

.shadow-2xl,
.shadow-sm {
	box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-sm {
	--tw-shadow: 0px 1px 2px 0px rgba(13, 16, 45, .1);
	--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color)
}

.blur {
	--tw-blur: blur(8px)
}

.blur,
.filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
	--tw-backdrop-blur: blur(8px);
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition-colors {
	transition-duration: .15s;
	transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
	transition-duration: .15s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
	transition-duration: .15s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-shadow {
	transition-duration: .15s;
	transition-property: box-shadow;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition {
	transition-duration: .15s;
	transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-\[1600ms\] {
	transition-duration: 1.6s
}

.will-change-transform {
	will-change: transform
}

.text-fill-transparent {
	-webkit-text-fill-color: transparent
}
::-webkit-file-upload-button {
	cursor: pointer
}

.scrollbar-custom {
	scrollbar-width: thin
}

.scrollbar-custom::-webkit-scrollbar {
	height: .5rem;
	overflow: overlay;
	width: .5rem
}

.scrollbar-custom::-webkit-scrollbar-track {
	--tw-bg-opacity: 1;
	background-color: rgba(231, 232, 236, var(--tw-bg-opacity))
}

.dark .scrollbar-custom::-webkit-scrollbar-track {
	--tw-bg-opacity: 1;
	background-color: rgba(16, 20, 54, var(--tw-bg-opacity))
}

.scrollbar-custom::-webkit-scrollbar-thumb {
	--tw-bg-opacity: 1;
	background-color: rgba(161, 162, 179, var(--tw-bg-opacity));
	border-radius: .5rem
}

.dark .scrollbar-custom::-webkit-scrollbar-thumb {
	--tw-bg-opacity: 1;
	background-color: rgba(54, 58, 93, var(--tw-bg-opacity))
}

.dropdown--is-open+.js-dropdown {
	opacity: 1;
	transform: translateY(0);
	visibility: visible
}

.dropdown-menu.show {
	display: block
}

.dropdown-toggle>button,
.dropdown-toggle>i {
	transition-duration: .15s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.dropdown-toggle.show>button,
.dropdown-toggle.show>i {
	--tw-rotate: 180deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.dropdown-menu-end {
	--bs-position: end
}

.nav-menu--is-open {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	opacity: 1;
	overflow-y: auto;
	padding: 0 1.5rem 1.5rem;
	visibility: visible
}

.nav-open-noscroll {
	height: 100vh;
	overflow: hidden
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	--tw-content: "prev";
	content: var(--tw-content);
	font-size: 0
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	--tw-content: "next";
	content: var(--tw-content);
	font-size: 0
}

.swiper-button-disabled {
	display: none
}

.swiper-pagination-bullet {
	--tw-bg-opacity: 1;
	background-color: rgba(196, 197, 207, var(--tw-bg-opacity));
	border-radius: 9999px;
	cursor: pointer;
	display: inline-block;
	height: .625rem;
	margin-left: .25rem;
	margin-right: .25rem;
	width: .625rem
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet:focus,
.swiper-pagination-bullet:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(131, 88, 255, var(--tw-bg-opacity))
}

.swiper-lazy-preloader {
	box-sizing: border-box;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: center;
	width: 42px;
	z-index: 10
}

@keyframes spin {
	to {
		transform: rotate(1turn)
	}
}

.swiper-lazy-preloader {
	--tw-border-opacity: 1;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	border-color: rgba(131, 88, 255, var(--tw-border-opacity));
	border-radius: 9999px;
	border-top-color: transparent;
	border-width: 4px
}

.full-slider-thumbs .swiper-slide-thumb-active {
	background-color: hsla(0, 0%, 100%, .1)
}

.swiper-slide-thumb-active .progress {
	transition-duration: 5s;
	transition-property: width;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-timing-function: linear;
	width: 100%
}

.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
	border-radius: 1.25rem
}

.tippy-box[data-theme~=xhibiter] {
	--tw-bg-opacity: 1;
	background-color: rgba(19, 23, 64, var(--tw-bg-opacity))
}

.tippy-box[data-theme~=xhibiter][data-placement^=top]>.tippy-arrow:before {
	--tw-border-opacity: 1;
	border-top-color: rgba(19, 23, 64, var(--tw-border-opacity))
}

.tippy-box[data-theme~=xhibiter][data-placement^=bottom]>.tippy-arrow:before {
	--tw-border-opacity: 1;
	border-bottom-color: rgba(19, 23, 64, var(--tw-border-opacity))
}

.tippy-box[data-theme~=xhibiter][data-placement^=left]>.tippy-arrow:before {
	--tw-border-opacity: 1;
	border-left-color: rgba(19, 23, 64, var(--tw-border-opacity))
}

.tippy-box[data-theme~=xhibiter][data-placement^=right]>.tippy-arrow:before {
	--tw-border-opacity: 1;
	border-right-color: rgba(19, 23, 64, var(--tw-border-opacity))
}

.js-page-header--is-sticky {
	background-color: hsla(0, 0%, 100%, .5)
}

.dark .js-page-header--is-sticky,
.js-page-header--is-sticky.page-header--transparent {
	background-color: rgba(19, 23, 64, .5)
}
.btn-close {
	background-color: transparent;
	border-width: 0;
	position: absolute;
	right: 1.5rem;
	transition-duration: .15s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	z-index: 1
}

.btn-close:hover {
	--tw-rotate: 180deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.video-lightbox .modal-content {
	overflow: hidden;
	width: 100%
}

.video-lightbox .btn-close {
	background-color: hsla(0, 0%, 100%, .8) !important;
	border-radius: 9999px;
	padding: .5rem;
	right: .5rem;
	top: .5rem
}

.video-lightbox .btn-close svg {
	height: 1.5rem;
	top: 0 !important;
	width: 1.5rem
}

.ratio-16x9 {
	--bs-aspect-ratio: 56.25%
}

.ratio {
	position: relative
}

.ratio:before {
	content: var(--tw-content);
	display: block;
	padding-top: var(--bs-aspect-ratio)
}

.ratio>* {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.accordion-button {
	overflow-anchor: none
}

.accordion-button:not(.collapsed) .accordion-arrow {
	--tw-rotate: -180deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.fade {
	transition-duration: .15s;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-timing-function: linear
}

.collapse:not(.show) {
	display: none
}

.collapsing {
	height: 0;
	overflow: hidden;
	transition-duration: .15s;
	transition-property: height;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.js-likes--active svg {
	opacity: 0
}

.js-likes--active:before {
	opacity: 1 !important
}

.article-content>:not(.article-content-wide) {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.5rem;
	max-width: 48.125rem
}

.article-content>h1,
.article-content>h2,
.article-content>h3,
.article-content>h4,
.article-content>h5,
.article-content>h6 {
	--tw-text-opacity: 1;
	color: rgba(19, 23, 64, var(--tw-text-opacity));
	font-family: CalSans-SemiBold, sans-serif;
	margin-bottom: 1rem;
	margin-top: 3rem !important
}

.dark .article-content>h1,
.dark .article-content>h2,
.dark .article-content>h3,
.dark .article-content>h4,
.dark .article-content>h5,
.dark .article-content>h6 {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.dark .article-content>p {
	--tw-text-opacity: 1;
	color: rgba(161, 162, 179, var(--tw-text-opacity))
}

.article-content>ol,
.article-content>ul {
	list-style: disc none outside;
	list-style: initial
}

.article-content>ol>:not([hidden])~:not([hidden]),
.article-content>ul>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(1rem*var(--tw-space-y-reverse));
	margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.article-content>ol,
.article-content>ul {
	padding-left: 1rem
}

.dark .article-content>ol,
.dark .article-content>ul {
	--tw-text-opacity: 1;
	color: rgba(161, 162, 179, var(--tw-text-opacity))
}

.alert-error {
	--tw-text-opacity: 1;
	background-color: rgba(239, 68, 68, .1);
	color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.alert-success {
	--tw-text-opacity: 1;
	background-color: rgba(16, 185, 129, .1);
	color: rgba(16, 185, 129, var(--tw-text-opacity))
}

.animate-gradient {
	-webkit-text-fill-color: transparent;
	background: linear-gradient(270deg, #ff7356, #ff59e2 25.52%, #52ddf6 50%, #eadf4e 76.04%, #ff7356);
	-webkit-background-clip: text;
	background-clip: text;
	background-size: 200% auto
}

.animate-gradient--no-text-fill {
	-webkit-text-fill-color: initial
}

.before\:absolute:before {
	content: var(--tw-content);
	position: absolute
}

.before\:inset-0:before {
	bottom: 0;
	content: var(--tw-content);
	left: 0;
	right: 0;
	top: 0
}

.before\:-top-3:before {
	content: var(--tw-content);
	top: -.75rem
}

.before\:h-3:before {
	content: var(--tw-content);
	height: .75rem
}

.before\:h-4:before {
	content: var(--tw-content);
	height: 1rem
}

.before\:w-full:before {
	content: var(--tw-content);
	width: 100%
}

.before\:w-4:before {
	content: var(--tw-content);
	width: 1rem
}

.before\:bg-jacarta-900\/25:before {
	background-color: rgba(13, 16, 45, .25);
	content: var(--tw-content)
}

.before\:bg-jacarta-900:before {
	--tw-bg-opacity: 1;
	background-color: rgba(13, 16, 45, var(--tw-bg-opacity));
	content: var(--tw-content)
}

.before\:bg-\[url\(\'\.\.\/img\/heart-fill\.svg\'\)\]:before {
	background-image: url(../img/a103374135dc865e7608.svg);
	content: var(--tw-content)
}

.before\:bg-cover:before {
	background-size: cover;
	content: var(--tw-content)
}

.before\:bg-center:before {
	background-position: 50%;
	content: var(--tw-content)
}

.before\:bg-no-repeat:before {
	background-repeat: no-repeat;
	content: var(--tw-content)
}

.before\:opacity-0:before {
	content: var(--tw-content);
	opacity: 0
}

.after\:absolute:after {
	content: var(--tw-content);
	position: absolute
}

.after\:inset-0:after {
	bottom: 0;
	content: var(--tw-content);
	left: 0;
	right: 0;
	top: 0
}

.after\:top-0\.5:after {
	content: var(--tw-content);
	top: .125rem
}

.after\:left-0\.5:after {
	content: var(--tw-content);
	left: .125rem
}

.after\:top-0:after {
	content: var(--tw-content);
	top: 0
}

.after\:left-0:after {
	content: var(--tw-content);
	left: 0
}

.after\:top-\[0\.1875rem\]:after {
	content: var(--tw-content);
	top: .1875rem
}

.after\:left-\[0\.1875rem\]:after {
	content: var(--tw-content);
	left: .1875rem
}

.after\:bottom-0:after {
	bottom: 0;
	content: var(--tw-content)
}

.after\:block:after {
	content: var(--tw-content);
	display: block
}

.after\:h-3:after {
	content: var(--tw-content);
	height: .75rem
}

.after\:h-\[1\.125rem\]:after {
	content: var(--tw-content);
	height: 1.125rem
}

.after\:h-1\/3:after {
	content: var(--tw-content);
	height: 33.333333%
}

.after\:w-3:after {
	content: var(--tw-content);
	width: .75rem
}

.after\:w-\[1\.125rem\]:after {
	content: var(--tw-content);
	width: 1.125rem
}

.after\:w-full:after {
	content: var(--tw-content);
	width: 100%
}

.after\:rounded-full:after {
	border-radius: 9999px;
	content: var(--tw-content)
}

.after\:bg-jacarta-400:after {
	--tw-bg-opacity: 1;
	background-color: rgba(125, 127, 150, var(--tw-bg-opacity));
	content: var(--tw-content)
}

.after\:bg-jacarta-900\/60:after {
	background-color: rgba(13, 16, 45, .6);
	content: var(--tw-content)
}

.after\:bg-jacarta-900\/20:after {
	background-color: rgba(13, 16, 45, .2);
	content: var(--tw-content)
}

.after\:bg-\[\#000000\]\/50:after {
	background-color: rgba(0, 0, 0, .5);
	content: var(--tw-content)
}

.after\:bg-gradient-to-t:after {
	background-image: linear-gradient(to top, var(--tw-gradient-stops));
	content: var(--tw-content)
}

.after\:from-\[\#010107\]:after {
	--tw-gradient-from: #010107;
	--tw-gradient-to: rgba(1, 1, 7, 0);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	content: var(--tw-content)
}

.after\:transition-all:after {
	content: var(--tw-content);
	transition-duration: .15s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.checked\:bg-accent:checked {
	--tw-bg-opacity: 1;
	background-color: rgba(131, 88, 255, var(--tw-bg-opacity))
}

.checked\:bg-none:checked {
	background-image: none
}

.checked\:after\:left-3\.5:checked:after {
	content: var(--tw-content);
	left: .875rem
}

.checked\:after\:left-3:checked:after {
	content: var(--tw-content);
	left: .75rem
}

.checked\:after\:left-\[1\.3125rem\]:checked:after {
	content: var(--tw-content);
	left: 1.3125rem
}

.checked\:after\:bg-white:checked:after {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	content: var(--tw-content)
}

.hover\:translate-x-1:hover {
	--tw-translate-x: 0.25rem
}

.hover\:scale-90:hover,
.hover\:translate-x-1:hover {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-90:hover {
	--tw-scale-x: .9;
	--tw-scale-y: .9
}

.hover\:border-transparent:hover {
	border-color: transparent
}

.hover\:border-accent:hover {
	--tw-border-opacity: 1;
	border-color: rgba(131, 88, 255, var(--tw-border-opacity))
}

.hover\:bg-accent:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(131, 88, 255, var(--tw-bg-opacity))
}

.hover\:bg-jacarta-50:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(244, 244, 246, var(--tw-bg-opacity))
}

.hover\:bg-accent-dark:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(116, 68, 255, var(--tw-bg-opacity))
}

.hover\:bg-jacarta-100:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(231, 232, 236, var(--tw-bg-opacity))
}

.hover\:bg-jacarta-600:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(54, 58, 93, var(--tw-bg-opacity))
}

.hover\:fill-red:hover {
	fill: #ef4444
}

.hover\:text-accent:hover {
	--tw-text-opacity: 1;
	color: rgba(131, 88, 255, var(--tw-text-opacity))
}

.hover\:text-white:hover {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.hover\:text-jacarta-700:hover {
	--tw-text-opacity: 1;
	color: rgba(19, 23, 64, var(--tw-text-opacity))
}

.hover\:text-blue:hover {
	--tw-text-opacity: 1;
	color: rgba(66, 138, 248, var(--tw-text-opacity))
}

.hover\:shadow-lg:hover {
	--tw-shadow: 0px 4px 6px -4px rgba(13, 16, 45, .1), 0px 10px 15px -3px rgba(13, 16, 45, .1);
	--tw-shadow-colored: 0px 4px 6px -4px var(--tw-shadow-color), 0px 10px 15px -3px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover,
.hover\:shadow-xl:hover {
	box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-xl:hover {
	--tw-shadow: 0px 8px 10px -6px rgba(13, 16, 45, .1), 0px 20px 25px -5px rgba(13, 16, 45, .1);
	--tw-shadow-colored: 0px 8px 10px -6px var(--tw-shadow-color), 0px 20px 25px -5px var(--tw-shadow-color)
}

.hover\:shadow-md:hover {
	--tw-shadow: 0px 2px 4px -2px rgba(13, 16, 45, .1), 0px 4px 6px -1px rgba(13, 16, 45, .1);
	--tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 6px -1px var(--tw-shadow-color)
}

.hover\:shadow-accent-volume:hover,
.hover\:shadow-md:hover {
	box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-accent-volume:hover {
	--tw-shadow: 5px 5px 10px rgba(108, 106, 213, .25), inset 2px 2px 6px #a78df0, inset -5px -5px 10px #6336e4;
	--tw-shadow-colored: 5px 5px 10px var(--tw-shadow-color), inset 2px 2px 6px var(--tw-shadow-color), inset -5px -5px 10px var(--tw-shadow-color)
}

.hover\:shadow-\[0_16px_24px_-8px_rgba\(131\2c 88\2c 255\2c \.3\)\]:hover {
	--tw-shadow: 0 16px 24px -8px rgba(131, 88, 255, .3);
	--tw-shadow-colored: 0 16px 24px -8px var(--tw-shadow-color)
}

.hover\:shadow-\[0_16px_24px_-8px_rgba\(131\2c 88\2c 255\2c \.3\)\]:hover,
.hover\:shadow-\[0_16px_24px_-8px_rgba\(16\2c 185\2c 129\2c \.3\)\]:hover {
	box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-\[0_16px_24px_-8px_rgba\(16\2c 185\2c 129\2c \.3\)\]:hover {
	--tw-shadow: 0 16px 24px -8px rgba(16, 185, 129, .3);
	--tw-shadow-colored: 0 16px 24px -8px var(--tw-shadow-color)
}

.hover\:shadow-\[0_16px_24px_-8px_rgba\(239\2c 68\2c 68\2c \.3\)\]:hover {
	--tw-shadow: 0 16px 24px -8px rgba(239, 68, 68, .3);
	--tw-shadow-colored: 0 16px 24px -8px var(--tw-shadow-color);
	box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:ring-2:hover {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 transparent;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.hover\:ring-accent\/10:hover {
	--tw-ring-color: rgba(131, 88, 255, .1)
}

.checked\:hover\:bg-accent:hover:checked {
	--tw-bg-opacity: 1;
	background-color: rgba(131, 88, 255, var(--tw-bg-opacity))
}

.focus\:border-transparent:focus {
	border-color: transparent
}

.focus\:bg-accent:focus {
	--tw-bg-opacity: 1;
	background-color: rgba(131, 88, 255, var(--tw-bg-opacity))
}

.focus\:text-accent:focus {
	--tw-text-opacity: 1;
	color: rgba(131, 88, 255, var(--tw-text-opacity))
}

.focus\:ring-inset:focus {
	--tw-ring-inset: inset
}

.focus\:ring-accent:focus {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(131, 88, 255, var(--tw-ring-opacity))
}

.focus\:ring-accent\/20:focus {
	--tw-ring-color: rgba(131, 88, 255, .2)
}

.focus\:ring-transparent:focus {
	--tw-ring-color: transparent
}

.focus\:ring-offset-0:focus {
	--tw-ring-offset-width: 0px
}

.checked\:focus\:bg-accent:focus:checked {
	--tw-bg-opacity: 1;
	background-color: rgba(131, 88, 255, var(--tw-bg-opacity))
}

.group:hover .group-hover\:visible {
	visibility: visible
}

.group:hover .group-hover\:scale-105 {
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:fill-white {
	fill: #fff
}

.group:hover .group-hover\:fill-accent {
	fill: #8358ff
}

.group:hover .group-hover\:text-accent {
	--tw-text-opacity: 1;
	color: rgba(131, 88, 255, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-white {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.group:hover .group-hover\:opacity-100 {
	opacity: 1
}

.group:focus .group-focus\:fill-white {
	fill: #fff
}

.group-dropdown:hover .group-dropdown-hover\:visible {
	visibility: visible
}

.group-dropdown:hover .group-dropdown-hover\:opacity-100 {
	opacity: 1
}

.dark .dark\:z-0 {
	z-index: 0
}

.dark .dark\:block {
	display: block
}

.dark .dark\:hidden {
	display: none
}

.dark .dark\:divide-jacarta-600>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: 1;
	border-color: rgba(54, 58, 93, var(--tw-divide-opacity))
}

.dark .dark\:border-transparent {
	border-color: transparent
}

.dark .dark\:border-jacarta-600 {
	--tw-border-opacity: 1;
	border-color: rgba(54, 58, 93, var(--tw-border-opacity))
}

.dark .dark\:border-jacarta-500 {
	--tw-border-opacity: 1;
	border-color: rgba(90, 93, 121, var(--tw-border-opacity))
}

.dark .dark\:border-jacarta-700 {
	--tw-border-opacity: 1;
	border-color: rgba(19, 23, 64, var(--tw-border-opacity))
}

.dark .dark\:bg-jacarta-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.dark .dark\:bg-white\/\[\.15\] {
	background-color: hsla(0, 0%, 100%, .15)
}

.dark .dark\:bg-jacarta-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(16, 20, 54, var(--tw-bg-opacity))
}

.dark .dark\:bg-jacarta-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(54, 58, 93, var(--tw-bg-opacity))
}

.dark .dark\:bg-jacarta-700 {
	--tw-bg-opacity: 1;
	background-color: rgba(19, 23, 64, var(--tw-bg-opacity))
}

.dark .dark\:bg-accent {
	--tw-bg-opacity: 1;
	background-color: rgba(131, 88, 255, var(--tw-bg-opacity))
}

.dark .dark\:fill-white {
	fill: #fff
}

.dark .dark\:fill-jacarta-300 {
	fill: #a1a2b3
}

.dark .dark\:fill-jacarta-200 {
	fill: #c4c5cf
}

.dark .dark\:fill-jacarta-100 {
	fill: #e7e8ec
}

.dark .dark\:fill-jacarta-400 {
	fill: #7d7f96
}

.dark .dark\:fill-jacarta-600 {
	fill: #363a5d
}

.dark .dark\:text-white {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.dark .dark\:text-jacarta-200 {
	--tw-text-opacity: 1;
	color: rgba(196, 197, 207, var(--tw-text-opacity))
}

.dark .dark\:text-jacarta-300 {
	--tw-text-opacity: 1;
	color: rgba(161, 162, 179, var(--tw-text-opacity))
}

.dark .dark\:text-jacarta-400 {
	--tw-text-opacity: 1;
	color: rgba(125, 127, 150, var(--tw-text-opacity))
}

.dark .dark\:text-jacarta-100 {
	--tw-text-opacity: 1;
	color: rgba(231, 232, 236, var(--tw-text-opacity))
}

.dark .dark\:placeholder-white::-moz-placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-white::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-jacarta-300::-moz-placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(161, 162, 179, var(--tw-placeholder-opacity))
}

.dark .dark\:placeholder-jacarta-300::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(161, 162, 179, var(--tw-placeholder-opacity))
}

.dark .dark\:opacity-10 {
	opacity: .1
}

.dark .dark\:placeholder\:text-jacarta-300::-moz-placeholder {
	--tw-text-opacity: 1;
	color: rgba(161, 162, 179, var(--tw-text-opacity))
}

.dark .dark\:placeholder\:text-jacarta-300::placeholder {
	--tw-text-opacity: 1;
	color: rgba(161, 162, 179, var(--tw-text-opacity))
}

.dark .dark\:hover\:border-transparent:hover {
	border-color: transparent
}

.dark .dark\:hover\:border-accent:hover {
	--tw-border-opacity: 1;
	border-color: rgba(131, 88, 255, var(--tw-border-opacity))
}

.dark .dark\:hover\:bg-accent:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(131, 88, 255, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-jacarta-600:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(54, 58, 93, var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-accent-dark:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(116, 68, 255, var(--tw-bg-opacity))
}

.dark .dark\:hover\:fill-red:hover {
	fill: #ef4444
}

.dark .dark\:hover\:text-accent:hover {
	--tw-text-opacity: 1;
	color: rgba(131, 88, 255, var(--tw-text-opacity))
}

.dark .dark\:hover\:text-white:hover {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.dark .dark\:focus\:text-accent:focus {
	--tw-text-opacity: 1;
	color: rgba(131, 88, 255, var(--tw-text-opacity))
}

.dark .group:hover .dark\:group-hover\:fill-white {
	fill: #fff
}

@media (min-width:575px) {
	.sm\:-left-6 {
		left: -1.5rem
	}

	.sm\:-right-6 {
		right: -1.5rem
	}

	.sm\:left-\[5\%\] {
		left: 5%
	}

	.sm\:bottom-28 {
		bottom: 7rem
	}

	.sm\:right-\[5\%\] {
		right: 5%
	}

	.sm\:col-span-3 {
		grid-column: span 3/span 3
	}

	.sm\:mb-0 {
		margin-bottom: 0
	}

	.sm\:mt-0 {
		margin-top: 0
	}

	.sm\:flex {
		display: flex
	}

	.sm\:w-32 {
		width: 8rem
	}

	.sm\:w-full {
		width: 100%
	}

	.sm\:w-1\/2 {
		width: 50%
	}

	.sm\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.sm\:grid-cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr))
	}

	.sm\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.sm\:flex-row {
		flex-direction: row
	}

	.sm\:flex-wrap {
		flex-wrap: wrap
	}

	.sm\:items-center {
		align-items: center
	}

	.sm\:space-y-0>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-bottom: calc(0px*var(--tw-space-y-reverse));
		margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
	}

	.sm\:space-x-10>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(2.5rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(2.5rem*var(--tw-space-x-reverse))
	}

	.sm\:space-x-12>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(3rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(3rem*var(--tw-space-x-reverse))
	}

	.sm\:space-x-4>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(1rem*var(--tw-space-x-reverse))
	}

	.sm\:border-r {
		border-right-width: 1px
	}

	.sm\:border-l {
		border-left-width: 1px
	}

	.sm\:border-jacarta-100 {
		--tw-border-opacity: 1;
		border-color: rgba(231, 232, 236, var(--tw-border-opacity))
	}

	.sm\:px-0 {
		padding-left: 0;
		padding-right: 0
	}

	.sm\:pr-4 {
		padding-right: 1rem
	}

	.sm\:pl-4 {
		padding-left: 1rem
	}

	.sm\:text-left {
		text-align: left
	}

	.sm\:text-3xl {
		font-size: 2rem;
		line-height: normal
	}

	.sm\:text-5xl {
		font-size: 2.5rem;
		line-height: normal
	}
}

@media (min-width:768px) {
	.md\:top-\[12\%\] {
		top: 12%
	}

	.md\:left-20 {
		left: 5rem
	}

	.md\:-right-12 {
		right: -3rem
	}

	.md\:-right-\[10\%\] {
		right: -10%
	}

	.md\:col-span-4 {
		grid-column: span 4/span 4
	}

	.md\:col-span-2 {
		grid-column: span 2/span 2
	}

	.md\:col-start-7 {
		grid-column-start: 7
	}

	.md\:mb-16 {
		margin-bottom: 4rem
	}

	.md\:mb-0 {
		margin-bottom: 0
	}

	.md\:mr-8 {
		margin-right: 2rem
	}

	.md\:flex {
		display: flex
	}

	.md\:h-\[9rem\] {
		height: 9rem
	}

	.md\:w-1\/2 {
		width: 50%
	}

	.md\:w-3\/4 {
		width: 75%
	}

	.md\:w-16 {
		width: 4rem
	}

	.md\:w-2\/5 {
		width: 40%
	}

	.md\:w-3\/5 {
		width: 60%
	}

	.md\:w-\[9rem\] {
		width: 9rem
	}

	.md\:flex-shrink-0 {
		flex-shrink: 0
	}

	.md\:flex-grow-0 {
		flex-grow: 0
	}

	.md\:basis-auto {
		flex-basis: auto
	}

	.md\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr))
	}

	.md\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

	.md\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.md\:flex-row {
		flex-direction: row
	}

	.md\:flex-wrap {
		flex-wrap: wrap
	}

	.md\:flex-nowrap {
		flex-wrap: nowrap
	}

	.md\:items-start {
		align-items: flex-start
	}

	.md\:items-center {
		align-items: center
	}

	.md\:justify-center {
		justify-content: center
	}

	.md\:gap-\[1\.875rem\] {
		gap: 1.875rem
	}

	.md\:space-x-6>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(1.5rem*var(--tw-space-x-reverse))
	}

	.md\:space-x-8>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(2rem*var(--tw-space-x-reverse))
	}

	.md\:rounded-none {
		border-radius: 0
	}

	.md\:rounded-r-\[1\.25rem\] {
		border-bottom-right-radius: 1.25rem;
		border-top-right-radius: 1.25rem
	}

	.md\:p-\[4\.25rem\] {
		padding: 4.25rem
	}

	.md\:p-10 {
		padding: 2.5rem
	}

	.md\:py-24 {
		padding-bottom: 6rem;
		padding-top: 6rem
	}

	.md\:py-20 {
		padding-bottom: 5rem;
		padding-top: 5rem
	}

	.md\:py-32 {
		padding-bottom: 8rem;
		padding-top: 8rem
	}

	.md\:pr-8 {
		padding-right: 2rem
	}

	.md\:pl-8 {
		padding-left: 2rem
	}

	.md\:pt-32 {
		padding-top: 8rem
	}

	.md\:text-left {
		text-align: left
	}

	.md\:text-right {
		text-align: right
	}

	.md\:text-6xl {
		font-size: 3.5rem;
		line-height: normal
	}

	.md\:text-5xl {
		font-size: 2.5rem;
		line-height: normal
	}
}

@media (min-width:1025px) {
	.lg\:visible {
		visibility: visible
	}

	.lg\:invisible {
		visibility: hidden
	}

	.lg\:absolute {
		position: absolute
	}

	.lg\:relative {
		position: relative
	}

	.lg\:inset-auto {
		bottom: auto;
		left: auto;
		right: auto;
		top: auto
	}

	.lg\:-right-\[17\%\] {
		right: -17%
	}

	.lg\:order-1 {
		order: 1
	}

	.lg\:order-2 {
		order: 2
	}

	.lg\:order-3 {
		order: 3
	}

	.lg\:-mt-96 {
		margin-top: -24rem
	}

	.lg\:mb-0 {
		margin-bottom: 0
	}

	.lg\:mt-0 {
		margin-top: 0
	}

	.lg\:ml-36 {
		margin-left: 9rem
	}

	.lg\:mr-14 {
		margin-right: 3.5rem
	}

	.lg\:mr-4 {
		margin-right: 1rem
	}

	.lg\:mr-5 {
		margin-right: 1.25rem
	}

	.lg\:block {
		display: block
	}

	.lg\:inline-block {
		display: inline-block
	}

	.lg\:flex {
		display: flex
	}

	.lg\:grid {
		display: grid
	}

	.lg\:\!grid {
		display: grid !important
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[88vh\] {
		height: 88vh
	}

	.lg\:h-full {
		height: 100%
	}

	.lg\:w-\[55\%\] {
		width: 55%
	}

	.lg\:w-\[45\%\] {
		width: 45%
	}

	.lg\:w-2\/3 {
		width: 66.666667%
	}

	.lg\:w-1\/3 {
		width: 33.333333%
	}

	.lg\:w-2\/4 {
		width: 50%
	}

	.lg\:w-1\/4 {
		width: 25%
	}

	.lg\:w-auto {
		width: auto
	}

	.lg\:w-1\/2 {
		width: 50%
	}

	.lg\:w-\[24rem\] {
		width: 24rem
	}

	.lg\:w-12 {
		width: 3rem
	}

	.lg\:translate-y-4 {
		--tw-translate-y: 1rem;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.lg\:\!translate-y-4 {
		--tw-translate-y: 1rem !important;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
	}

	.lg\:grid-cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr))
	}

	.lg\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

	.lg\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr))
	}

	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.lg\:flex-row {
		flex-direction: row
	}

	.lg\:flex-nowrap {
		flex-wrap: nowrap
	}

	.lg\:items-start {
		align-items: flex-start
	}

	.lg\:items-center {
		align-items: center
	}

	.lg\:justify-end {
		justify-content: flex-end
	}

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

	.lg\:space-y-0>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-bottom: calc(0px*var(--tw-space-y-reverse));
		margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
	}

	.lg\:space-x-7>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(1.75rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(1.75rem*var(--tw-space-x-reverse))
	}

	.lg\:space-x-4>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(1rem*var(--tw-space-x-reverse))
	}

	.lg\:space-x-16>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(4rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(4rem*var(--tw-space-x-reverse))
	}

	.lg\:space-x-20>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(5rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(5rem*var(--tw-space-x-reverse))
	}

	.lg\:space-x-8>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(2rem*var(--tw-space-x-reverse))
	}

	.lg\:self-end {
		align-self: flex-end
	}

	.lg\:rounded-2lg {
		border-radius: .625rem
	}

	.lg\:bg-transparent {
		background-color: transparent
	}

	.lg\:px-5 {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}

	.lg\:py-4 {
		padding-bottom: 1rem;
		padding-top: 1rem
	}

	.lg\:px-2 {
		padding-left: .5rem;
		padding-right: .5rem
	}

	.lg\:py-8 {
		padding-bottom: 2rem;
		padding-top: 2rem
	}

	.lg\:py-20 {
		padding-bottom: 5rem;
		padding-top: 5rem
	}

	.lg\:px-24 {
		padding-left: 6rem;
		padding-right: 6rem
	}

	.lg\:py-36 {
		padding-bottom: 9rem;
		padding-top: 9rem
	}

	.lg\:py-24 {
		padding-bottom: 6rem;
		padding-top: 6rem
	}

	.lg\:py-\[1\.8125rem\] {
		padding-bottom: 1.8125rem;
		padding-top: 1.8125rem
	}

	.lg\:py-32 {
		padding-bottom: 8rem;
		padding-top: 8rem
	}

	.lg\:pt-24 {
		padding-top: 6rem
	}

	.lg\:pb-96 {
		padding-bottom: 24rem
	}

	.lg\:pl-16 {
		padding-left: 4rem
	}

	.lg\:pr-10 {
		padding-right: 2.5rem
	}

	.lg\:pl-5 {
		padding-left: 1.25rem
	}

	.lg\:pr-12 {
		padding-right: 3rem
	}

	.lg\:pr-4 {
		padding-right: 1rem
	}

	.lg\:pl-6 {
		padding-left: 1.5rem
	}

	.lg\:pt-48 {
		padding-top: 12rem
	}

	.lg\:pl-32 {
		padding-left: 8rem
	}

	.lg\:pl-28 {
		padding-left: 7rem
	}

	.lg\:pb-32 {
		padding-bottom: 8rem
	}

	.lg\:pr-16 {
		padding-right: 4rem
	}

	.lg\:pl-\[3\.75rem\] {
		padding-left: 3.75rem
	}

	.lg\:pr-8 {
		padding-right: 2rem
	}

	.lg\:pl-8 {
		padding-left: 2rem
	}

	.lg\:pl-20 {
		padding-left: 5rem
	}

	.lg\:text-left {
		text-align: left
	}

	.lg\:text-right {
		text-align: right
	}

	.lg\:text-6xl {
		font-size: 3.5rem;
		line-height: normal
	}

	.lg\:text-5xl {
		font-size: 2.5rem;
		line-height: normal
	}

	.lg\:text-\[6rem\] {
		font-size: 6rem
	}

	.lg\:text-\[1\.5rem\] {
		font-size: 1.5rem
	}

	.lg\:text-3xl {
		font-size: 2rem;
		line-height: normal
	}

	.lg\:text-white {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity))
	}

	.lg\:opacity-100 {
		opacity: 1
	}

	.lg\:opacity-0 {
		opacity: 0
	}

	.lg\:shadow-2xl {
		--tw-shadow: 0px 25px 50px -12px rgba(13, 16, 45, .1), 0px 12px 24px 0px rgba(13, 16, 45, .1);
		--tw-shadow-colored: 0px 25px 50px -12px var(--tw-shadow-color), 0px 12px 24px 0px var(--tw-shadow-color);
		box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
	}

	.lg\:hover\:text-white:hover {
		--tw-text-opacity: 1;
		color: rgba(255, 255, 255, var(--tw-text-opacity))
	}

	.lg\:hover\:text-white\/90:hover {
		color: hsla(0, 0%, 100%, .9)
	}

	.group:hover .lg\:group-hover\:translate-y-2 {
		--tw-translate-y: 0.5rem;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.dark .dark\:lg\:bg-transparent {
		background-color: transparent
	}
}

@media (min-width:1202px) {
	.xl\:left-\[calc\(\(100vw-1202px\)\/4\)\] {
		left: calc(25vw - 300.5px)
	}

	.xl\:col-span-5 {
		grid-column: span 5/span 5
	}

	.xl\:col-span-6 {
		grid-column: span 6/span 6
	}

	.xl\:col-span-4 {
		grid-column: span 4/span 4
	}

	.xl\:col-span-8 {
		grid-column: span 8/span 8
	}

	.xl\:col-start-7 {
		grid-column-start: 7
	}

	.xl\:ml-\[8\%\] {
		margin-left: 8%
	}

	.xl\:ml-12 {
		margin-left: 3rem
	}

	.xl\:mb-12 {
		margin-bottom: 3rem
	}

	.xl\:w-\[30\%\] {
		width: 30%
	}

	.xl\:w-\[40\%\] {
		width: 40%
	}

	.xl\:w-\[35rem\] {
		width: 35rem
	}

	.xl\:max-w-\[calc\(1202px\+\(\(100vw-1202px\)\/2\)\)\] {
		max-width: calc(601px + 50vw)
	}

	.xl\:space-x-12>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(3rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(3rem*var(--tw-space-x-reverse))
	}

	.xl\:space-y-12>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-bottom: calc(3rem*var(--tw-space-y-reverse));
		margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
	}

	.xl\:\!overflow-visible {
		overflow: visible !important
	}

	.xl\:px-24 {
		padding-left: 6rem;
		padding-right: 6rem
	}

	.xl\:px-20 {
		padding-left: 5rem;
		padding-right: 5rem
	}

	.xl\:pl-\[20\%\] {
		padding-left: 20%
	}

	.xl\:pr-\[10\%\] {
		padding-right: 10%
	}

	.xl\:pr-\[calc\(\(100vw-1176px\)\/2\)\] {
		padding-right: calc(50vw - 588px)
	}

	.xl\:text-7xl {
		font-size: 4.25rem;
		line-height: normal
	}

	.xl\:text-6xl {
		font-size: 3.5rem;
		line-height: normal
	}

	.xl\:text-lg {
		font-size: 1.25rem;
		line-height: 1.5
	}
}

@font-face {
	font-family: swiper-icons;
	font-style: normal;
	font-weight: 400;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
	--swiper-theme-color: #007aff
}

.swiper {
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	box-sizing: content-box;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%;
	z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-pointer-events {
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
	-ms-overflow-style: none;
	overflow: auto;
	scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

[dir=ltr] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-left: var(--swiper-centered-offset-before)
}

[dir=rtl] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-right: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	height: var(--swiper-centered-offset-after);
	min-width: 1px;
	width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center
}

.tippy-box[data-animation=fade][data-state=hidden] {
	opacity: 0
}

[data-tippy-root] {
	max-width: calc(100vw - 10px)
}

.tippy-box {
	background-color: #333;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	outline: 0;
	position: relative;
	transition-property: transform, visibility, opacity;
	white-space: normal
}

.tippy-box[data-placement^=top]>.tippy-arrow {
	bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
	border-top-color: initial;
	border-width: 8px 8px 0;
	bottom: -7px;
	left: 0;
	transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
	top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
	border-bottom-color: initial;
	border-width: 0 8px 8px;
	left: 0;
	top: -7px;
	transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
	right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
	border-left-color: initial;
	border-width: 8px 0 8px 8px;
	right: -7px;
	transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
	left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
	border-right-color: initial;
	border-width: 8px 8px 8px 0;
	left: -7px;
	transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
	transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
	color: #333;
	height: 16px;
	width: 16px
}

.tippy-arrow:before {
	border-color: transparent;
	border-style: solid;
	content: "";
	position: absolute
}

.tippy-content {
	padding: 5px 9px;
	position: relative;
	z-index: 1
}

/* marketplace */
.filter_section .group.active{
	--tw-bg-opacity: 1;
	background-color: rgba(131, 88, 255, var(--tw-bg-opacity));
}
.rights_type .badge-success,
#filtered_list span.badge{
	--tw-bg-opacity: 1;
	background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.dark .badge-secondary{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	--tw-bg-opacity: 1;
	background-color: rgba(19, 23, 64, var(--tw-bg-opacity));
}
.dark .select2-container--default .select2-selection--multiple .select2-selection__choice{
	--tw-bg-opacity: 1;
	background-color: rgba(19, 23, 64, var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
#filtered_list span.badge a{
	background: #fff;
	color: #131740;
}
.dark #filtered_list span.badge a{
	background: #131740;
	color: #fff;
}
#request_form .featured_product_table td::before,
.range_slider_row span,.datetime{
	--tw-text-opacity: 1;
	color: rgba(19, 23, 64, var(--tw-text-opacity));
}
.dark #request_form .featured_product_table td::before,
.dark .range_slider_row span, .dark .datetime{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.delete-row{
	background: #ef4444 !important;
	color: #fff;
}
.rightsfually .title-section h3,
.rightsfually .terms_condition_header h3{
	--tw-text-opacity: 1;
	color: rgba(19, 23, 64, var(--tw-text-opacity));	
}
.dark .rightsfually .title-section h3,
.dark .rightsfually .terms_condition_header h3{
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));	
}
@media(min-width: 1279.98px){
	.xl\:grid-cols-5{
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}


/* header css */
#connect_metamask img,
.navbar .group img{
	display: inline-block;
	vertical-align: middle;
}
.logo_pwerby{
	color: #000;
	font-size: 8px;
	position: absolute;
	bottom: -1px;
	right: 10px;
}
.dark .logo_pwerby{
	color: #fff;
	bottom: -8px;
}
.logo_pwerby img {
	max-width: 45px;
	display: inline-block;
	vertical-align: middle;	
}

/* wallet modals */
#txn_status {
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
}
.pay_alerts {
	font-size: 16px;
	padding: 15px;
	font-weight: 500;
}
.wallet-modal-row, .price-modal-row, .wallet-wrongnt-row, .price-modal-row-n, .createbid-modal,.placebid-modal,.address-wrongnt-row {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 1031;
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.wallet-modal-row.show, .price-modal-row.show, .wallet-wrongnt-row.show, .price-modal-row-n.show,.createbid-modal.show, .placebid-modal.show,.address-wrongnt-row.show {
	visibility: visible;
	opacity: 1;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.wallet-modal-inner, .price-modal-inner, .wallet-wrongnt-inner, .price-modal-inner-n, .createbid-modal-inner, .placebid-modal-inner,.address-wrongnt-inner {
	width: 100%;
	max-width: 500px;
	position: absolute;
	left: 50%;
	top: 100px;
	padding: 30px;
	text-align: center;
	background: #fff;
	color: #000;
	border-radius: 10px;
	visibility: hidden;
	opacity: 0;
	transform: translateX(-50%) scale(0);
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.price-modal-inner,.price-modal-inner-n,.createbid-modal-inner, .placebid-modal-inner{
	text-align: left;
}
.price-modal-inner h3, .price-modal-inner-n h3, .createbid-modal-inner h3, .placebid-modal-inner h3{
	color: #000;
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ececec;
}
.price-modal-inner .form-control, .price-modal-inner-n .form-control, .createbid-modal-inner .form-control, .placebid-modal-inner .form-control {
	height: 38px;
}
.show .wallet-modal-inner, .show .price-modal-inner, .show .wallet-wrongnt-inner, .show .price-modal-inner-n, .show .createbid-modal-inner, .show .placebid-modal-inner, .show .address-wrongnt-inner{
	visibility: visible;
	opacity: 1;
	transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transition: all 0.3s ease-in-out 0.3s;
	-webkit-transition: all 0.3s ease-in-out 0.3s;
	-moz-transition: all 0.3s ease-in-out 0.3s;
	-ms-transition: all 0.3s ease-in-out 0.3s;
}
.wallet-modal-inner h3, .wallet-wrongnt-inner h3, .address-wrongnt-inner h3 {
	color: #000;
	font-weight: 700;
	margin: 0;
}
.warning-icon {
	margin: 20px 0;
}
.wallet-modal-inner p, .wallet-wrongnt-inner p, .address-wrongnt-inner p {
	margin: 0 0 5px;
}
.close-modal, .price-close-modal, .close-modal3, .price-close-modal-n, .createbid-modal-close, .placebid-modal-close,.address-wrongnt-close-modal {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #000;
	text-decoration: none;
	font-size: 15px;
	line-height: 1;
	padding: 8px;
}
.close-modal:hover, .price-close-modal:hover, .close-modal3:hover, .price-close-modal-n:hover, .createbid-modal-close:hover, .placebid-modal-close:hover,.address-wrongnt-close-modal:hover{
	color: #333;
}
.action-group {
	margin-top: 25px;
	padding-top: 10px;
	border-top: 1px solid #ececec;
}
#txn_result,#txn_result_roy, #auction_txn_result, #bid_txn_result {
	white-space: normal;
	word-wrap: anywhere;
	word-break: break-word;
	margin-top: 15px;
	line-height: 1.1;
}
.embed-responsive-ver {
	max-width: 300px;
	margin-left: auto;
}
.embed-responsive-ver:before {
	padding-bottom: 80%;
}
.price_view_row {
	padding: 10px;
}
.price_view_row .creation-count {
	border-right: 0px;
	padding: 0;
}
.price_view_row .ccount {
	font-size: 2.2rem;
	margin: 0;
	font-weight: 400;
}
.cnnet_btn {
	font-size: 15px;
	font-weight: 400;
	padding: 0 20px;
	height: 40px;
	border: none;
	line-height: 40px;
	width: 185px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-shadow: none !important;
}


/* home page */
#hero_search input[type="search"]{
	padding-left: 2.5rem;
	background-color: hsla(0,0%,100%,.15);
	height: 58px;
	border-radius: 1rem;
}

/* case studies and proudct */
.col_content_icon img{
	display: inline-block;
	max-height: 340px;
}
.col_content_product p{
	min-height: 1px;
}
#case_rightsholder ul,
#case_creator ul{
	padding-left: 1rem;
}
#case_rightsholder ul li,
#case_creator ul li{
	list-style-type: disc;
	margin-top: 15px;
	font-size: 18px;
	color: rgba(161,162,179,1)
}

/* details pages */
.container-fluid{
		max-width: 100%;
}
.breadcrumb-navbar .breadcrumb-item + .breadcrumb-item::before {
    content: "\f101";
    font-family: "FontAwesome";
		color: #7B7B8F;
		display: inline-block;
    padding-right: .5rem;
}
 
.breadcrumb-item + .breadcrumb-item {
  padding-left: .5rem;
}
.breadcrumb-navbar .breadcrumb a {
  padding: 6px 18px;
	border-radius: 20px;
}
.alert .close{
	top: 5px;
	right: 5px;
	line-height: 1;
}
.details-row-img-col{
	-ms-flex: 0 0 230px;
	flex: 0 0 230px;
	max-width: 230px;
	text-align: center;
	margin-right: 30px;
}
.details-row-img-col img{
	width: auto;
	max-width: 100%;
	height: auto;
	object-fit: cover;
}
.details-row-content-col {
	-ms-flex: 0 0 calc(100% - 300px);
	flex: 0 0 calc(100% - 300px);
	max-width: calc(100% - 300px);
}
.pr_details p b {
	font-weight: 500;
	width: 125px;
	display: inline-block;
}
.right_details_right_col .fea_tags.details_of_product,
.details_of_product .fea_tags.details_of_product{
	border-left-width: 3px !important;
	background: rgba(255,255,255,0.125);
}
.bdr_primary {
	border-left-color: #7444ff !important;
}
.bdr_green {
	border-left-color: #10b981 !important;
}
.bdr_red {
	border-left-color: #ef4444 !important;
}
.text-success{
	color: #10b981;
}
.text-primary{
	color: #7444ff;
}
.text-danger{
	color: #ef4444;
}
.i_colored{
	color: #feb240;
}
.details_of_product.lt_bg {
	margin-bottom: 30px;
}
h4.right_ot_title i{
	margin-right:5px;
}
.details-content-col .badge,
.rights_type .badge{
	padding: 3px 10px;
	line-height: 1;
	border-radius: 10px;
}
.rights_type .badge{
	font-size: 12px;
	font-weight: 700;
	margin-left: 15px;
}
@media(max-width: 991.98px){
	.pr_details{
		margin-bottom: 20px;
	}
}
@media(max-width:574.98px){
	.details-row-content-col,
	.details-content-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
}
/* profile and tabs */
.list-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
}
.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
}
.list-group-item-action {
	width: 100%;
}
.profile_det_wrapper {
	padding: 50px 0px 0px !important;
}
.menu_page_col,
.menu_col{
	padding: 0;
}
.profile_det_wrapper .row{
	border-radius: 20px;
	overflow: hidden;
}
.profile_det_cont h4 {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	padding-bottom: 10px !important;
	margin-bottom: 25px !important;
}
.profile_det_cont p{
	margin-bottom: 10px;
}
/* my subscription */
.subscription_det,.subscription_exp,.cancle_subscription {
	width: 33.333%;
	padding: 10px 15px;
}
.subscription_exp {
	text-align: center;
}
.subscription_exp p {
	margin: 0;
	line-height: 1;
}
.cancle_subscription {
	text-align: right;
}
.cancle_subscription .btn-danger {
	padding: .3rem .75rem;
}
span.tr_badge {
	font-size: 14px;
	line-height: 1;
	padding: 8px 12px;
	margin-top: 5px;
}
.pt_wrapper .success_badge.tr_badge {
	background: #839721;
	font-size: 12px;
	border-radius: 20px;
}
.pt_wrapper .tr_badge::before, .pt_wrapper .tr_badge::after {
	content: none !important;
}
.pt_wrapper .trial_badge.tr_badge {
	background: #aaa;
	color: #202020;
}
.modal-header button.close{
	font-size: 2rem;
}
#email_verify .modal-content,
#otp_verify .modal-content{
	width: 100%;
	max-width: 32rem;
	margin: 0 auto;
}
.modal-title,
.modal-header{
	margin:0;
	line-height: 1;
}
.rewards_btn a{
	border: none;
}
.rewards_btn a.active{
	font-weight: 600;
}
.activity_table{
	max-height: 100% !important;
} 
@media(max-width: 1024px){
	.rewards_btn{
		margin-top: 20px;
	}
}
.type_creator_radio ul{
	padding: 0;
	list-style: outside none;
	text-align: center
}
.type_creator_radio ul li{
	display: inline-block;
	
}
.type_creator_radio ul li:first-child{
	margin-right: 30px;
}
.type_creator_radio ul li input{
	vertical-align: middle;
}
.type_creator_radio ul li label{
	margin: 0;
	cursor: pointer;
}

/* marketplace */
#hero_search input[type="text"]{
	padding-left: 2.5rem !important;
	background-color: hsla(0,0%,100%,.15);
	height: 58px;
	border-radius: 1rem;
	border: none !important;
}

/* connect stripe & wallet settings */
.crypto_connect_container{
	padding-top: 6rem;
	margin-top: 4rem;
}
.crypto_connect_container h4{
	font-size: 1.5rem;
	margin:0;
}
.fox_img{
	max-width:70px;
	display: block;
	margin:  100px auto 10px;
}
.metamask_inner{
	margin: 0 auto 250px;
	max-width: 450px;
	padding: 30px;
	border-radius: 10px;
}
.metamask_inner label img{
	max-width: 20px;
}
.metamask_inner input{
	width: 100%;
	padding: 10px 15px;
	background-color: #fff;
	color: #171717;
	border: 1px solid rgba(203,213,225,1);
	border-radius: 8px;
	height: 50px;
	font-size: 16px;
}
.learn_stripe{
	margin-top: 25px;
}
.learn_stripe a{
	text-decoration: underline;
}
.ct_stripe_logo{
	max-height: 20px;
	vertical-align: middle;
}
.btn.btn-outline-primary{
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: .75rem;
	padding-top: .75rem;
	border-width: 2px;
	transition-duration: .15s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	border-radius: 9999px;
}


/* request quotation */
.quotation_request_form{
	padding: 0px 15px;
}
#request_form, #make_offer_form_id {
	max-width: 720px;
	margin: 0 auto;
}
.form-container #request_form select[multiple] {
	height: 150px !important;
}
.form-container #request_form label, .form-container #make_offer_form_id label {
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	width: auto;
	line-height: 1;
	padding: 0px;
	margin: 0 0 7px;
}
.form-container #request_form > p, .form-container #request_form .form-row {
	margin-bottom: 20px;
	text-align: left;
	padding: 0;
}
#request_form .form-row {
	overflow: visible;
}
.selector .selector-available h2, .selector .selector-chosen h2, .form-row .selector .selector-available h2, .form-row .selector .selector-chosen h2 {
	font-size: 14px;
	padding: 8px 10px;
	margin: 0;
	;
}
#request_form .selector .selector-filter label {
	top: 19px;
}
#request_form .selector .selector-available input, #request_form .form-row .selector .selector-available input {
	padding-left: 30px;
}
#request_form .selector .selector-available select[multiple] {
	height: 150px !important;
	margin: 0;
}
#request_form .selector .selector-chosen select[multiple] {
	height: 218px !important;
	margin: 0;
}
#request_form fieldset > h2 {
	text-transform: uppercase
}
#request_form fieldset .featured_product_table table tbody td:first-child {
	width: 100%;
}
#request_form fieldset .featured_product_table table tbody td {
	width: 50%;
	border:none;
}
#request_form .featured_product_table td a.delete-row {
	top: 7px;
	bottom: auto;
}
.featured_product_table .add-row {
	max-width: 140px !important;
}
#request_form .featured_product_table .add-row {
	line-height: 1;
	font-size: 14px;
	background: #ffc300;
	color: #171717;
	border-radius: 6px;
	box-shadow: none;
	margin-top: 2px;
	margin-right: 0px;
	font-family: 'Poppins',sans-serif;
	font-weight: 500;
}
.form-container #request_form select {
	background-image: url('https://static.the-ally.com/images/down-arrow-w.png');
	background-size: 12px auto;
	background-position: 97.5% center;
}

.form-container #request_form select[multiple] {
	background-image: none;
}
p.datetime {
	width: 100%;
}
.featured_product_table table {
	margin-bottom: 0px;
}
#request_form .dynamic-form {
	padding: 15px 0px 10px 25px;
	background: transparent;
}
#request_form .dynamic-form-add td {
	padding-bottom: 0px;
}
#request_form .featured_product_table td::before {
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	width: auto;
	line-height: 1;
	padding: 0px;
	margin: 0 0 7px;
}
#make_offer_form_id textarea.form-control {
	height: 150px !important;
}
#make_offer_form_id .custom-radio label {
	margin-bottom: 0;
	line-height: 1.4;
}
#request_form .select2-container {
	width: 100% !important;
}
#request_form .aligned label:not(.vCheckboxLabel)::after {
	height: auto;
}
.quotation_request {
	margin: 40px 0px 20px;
	padding: 20px !important;
}
.conversation_title {
	margin-bottom: 30px;
}
.conversation_title a, .conversation_title a:hover {
	color: #000;
	display: inline-block;
	line-height: 1;
	margin: 0 6px 15px 0px;
	padding: 10px 15px;
	border-radius: 0.25rem;
	background: #ffc300;
	border-color: #ffc300;
}
.conversation_title .desc {
	font-size: 18px;
	margin-bottom: 30px;
}
.conversation_wrapper .rights_details p {
	margin-bottom: 15px;
	position: relative;
}
.conversation_wrapper .rights_details p b {
	min-width: 160px;
	max-width: 160px;
	display: inline-block;
	padding-right: 10px;
	line-height: 1.1;
	vertical-align: middle;
	font-weight: 500;
}
#more_info_toggler {
	display: inline-block;
	text-decoration: none;
	color: #171717;
	margin: 0px 0px 30px;
	font-weight: 600;
	padding: 0px;
}
.q_request_alert {
	font-weight: 700;
	margin-top: 30px;
}
.quotation_status_wrapper {
	max-width: 600px;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid rgba(255, 255, 255, .2) !important;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	background-color: rgba(255, 255, 255, .2) !important;
}
#qswrapper {
	height: 750px;
	overflow: auto;
}
.quotation_status_row {
	padding: 20px;
	background: #fff;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	color: #171717;
	border-radius: 10px;
	margin-bottom: 25px;
	max-width: 85%;
}
.quotation_status_row:nth-child(odd) {
	margin-left: 13%;
	margin-right: 2%;
}
.quotation_status_row:nth-child(even) {
	background: #ffc300;
}
.sent_by_time {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(0,0,0,.15);
}
.sent_date {
	font-size: 13px;
}
.quotion_detail_row {
	margin-bottom: 10px;
}
.quotion_detail_row p {
	margin-bottom: 7px;
	font-size: 14px;
}
.quotation_status_row .quotion_detail_row p{
	color: #171717;
}
.quotion_detail_row p:last-child {
	margin: 0;
}
.quotion_detail_row p b {
	display: inline-block;
	margin-right: 8px;
	;
}
.quotation_status_row .action_div {
	margin-top: 15px;
}
.quotation_status_row:nth-child(odd) .action_div {
	text-align: right;
}
.quotation_status_row .action_div .btn {
	line-height: 1;
	padding: 0.5rem;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 10px;
	display: inline-block;
}
.quotation_status_row .action_div .btn.btn-success{
	background-color: #10b981;
	color: #fff;
}
.conversation_wrapper .rights_details h4 {
	margin-top: 50px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	font-size: 1.25rem;
	font-weight: 500;
}
@media(max-width: 991.98px) {
	.quotation_status_wrapper {
		margin-top: 40px;
   }
}
@media(max-width: 460px){
	.quotation_status_row .action_div .btn{
		display: block;
	}
}
.make_offer_form .form-container p.datetime {
	font-size: 12px;
}
.make_offer_form .form-container .vDateField, .make_offer_form .form-container .vTimeField {
	width: calc(100% - 300px);
}
.details_of_product .card:not(:last-child) {
	margin-bottom: 40px;
}
.details_of_product .card-header {
	background: #fff;
	border-bottom-color: #ddd;
}
.details_of_product .card-header h5 {
	margin: 0px;
}
.details_of_product .card p b {
	min-width: 150px;
	max-width: 150px;
	display: inline-block;
	padding-right: 10px;
	vertical-align: text-top;
	font-weight: 500;
}
.quotation_request table th, .quotation_request table td {
	font-size: 16px;
	vertical-align: middle;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	font-size: 14px;
	line-height: 1.4;
	vertical-align: top;
}
.select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-search .select2-search--inline{
	vertical-align: top;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
	display: inline !important;
}
.rightsfually .select2-container--default .select2-search--inline .select2-search__field{
	height: 30px !important;
}
#filtered_list span.badge{
	padding:4px 12px 4px 6px;
	border-radius: 20px;
	display: inline-block;
	vertical-align: middle;
	margin:0 10px 5px 0px;
}
#filtered_list span.badge a{
	width: 18px;
	height: 18px;
	display: inline-block;
	border-radius: 20px;
	line-height: 16px;
	text-align: center;
	margin-right: 5px;
	cursor: pointer;
}
.dark .dynamic-form{
	border-color: #aaa;
}
.prodcut_section article > div,
.catalogue_card{
	height: 100%;
}
@media(max-width: 991.98px){
	.range_slider_row{
		margin-bottom: 20px;
	}
}
.profile_det_cont table.table th, 
.profile_det_cont table.table td{
	padding: 0.5rem 1rem;
	line-height: 1.2;
}

.rightsfually .title-section.faq_title_wrapper,
.rightsfually .title-section.terms_condition_header{
	padding-bottom: 4rem;
	padding-top: 6rem;
}
.title-section h3,
.terms_condition_header h3{
	font-size: 2.25rem;
	line-height: normal;
	font-weight: 500;
	text-align: center;
}

.accordion .btn-block{
	text-align: left;
}
.accordion .card{
	margin-bottom: 20px;
	border-radius: 10px;
}
.accordion .card-header .btn-link{
	padding: 15px;
	position: relative;
}
.accordion .card-header .btn-link:after{
	font-size: 13px;
}
.accordion .card-header .btn-link.collapsed:after{
	transform: translateY(-50%) rotate(45deg);
	transition: transform 0.3s ease-in-out;
}
.accordion .card-body{
	padding: 15px;
}

.contact_us_title h2{
	font-size: 1.75rem;
	line-height: normal;
}
.contact_us_title p{
	font-size: 16px;
}
.rightsfually .contact_us_title::after{
	bottom: 0;
}
.pay_method_btns a.btn,
.pay_method_btns a.btn img{
	vertical-align: middle;
	display: inline-block;
}

.profile_det_cont .crypto_connect_container{
	padding:0px;
}
.profile_det_cont .metamask_inner {
	margin:30px auto;
	max-width: 450px;
	padding: 0px;
	border-radius: 0px;
	background: transparent;
	box-shadow: none !important;
}
.profile_det_cont .wallet_balance .card-body{
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 30px;

}
.profile_det_cont .wallet_balance .card-body p{
	font-size: 20px;
}
.profile_det_cont .wallet_balance .card-body h3{
	font-size: 24px;
}
.profile_det_cont .metamask_inner .input-group .form-control{
	border-top-left-radius: 0.5rem !important;
	border-bottom-left-radius: 0.5rem !important;
	border-top-right-radius: 0rem !important;
	border-bottom-right-radius: 0rem !important;
	overflow: hidden;
	text-overflow: ellipsis;
}
.profile_det_cont .metamask_inner .input-group .btn.btn-primary{
	border-top-left-radius: 0rem;
	border-bottom-left-radius: 0rem;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.embed-responsive .embed-responsive-item, 
.embed-responsive embed, 
.embed-responsive iframe, 
.embed-responsive object, 
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.pay_in_crypto_btns .btn{
	vertical-align: middle
}
.pay_in_crypto_btns .btn img{
	max-width: 15px;
	vertical-align: middle;
}
#id_voucher_code{
	border: 1px solid rgba(54,58,93,1)
}
.btn.disabled{
	opacity: 0.3;
	cursor: not-allowed;
}
.settings_checkboxs{
	margin: 30px 0px;
}
.dark .settings_checkboxs label{
	color: #fff;
}
.pt-3{
	padding-top: 1rem;
}
.mt-5{
	margin-top: 2rem
}
.border-top{
	border-top: 1px solid rgba(255,255,255,.125)
}
.btn.btn-danger{
	display: inline-block;
	padding: 8px 15px;
	font-weight: 700;
}
.shared_infra_poly_imgcol img,.know_web3_step{
	background: rgba(13, 16, 45,1)
}
#host_registration .form-row{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.partner_singup_title h1{
	font-size: 1.75rem;
}
.partner_singup_title p{
	font-size: 1.1rem;
}
.terms_condition_check label{
	font-size: 1rem;
}
#host_registration .form-action{
	margin-top: 20px;
}
#host_registration .form-action .btn.action_btn{
	--tw-text-opacity: 1;
	--tw-bg-opacity: 1;
	--tw-shadow: 5px 5px 10px rgba(108,106,213,.25),inset 2px 2px 6px #a78df0,inset -5px -5px 10px #6336e4;
	--tw-shadow-colored: 5px 5px 10px var(--tw-shadow-color),inset 2px 2px 6px var(--tw-shadow-color),inset -5px -5px 10px var(--tw-shadow-color);
	box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
	color: rgba(255,255,255,var(--tw-text-opacity));
	background-color: rgba(131,88,255,var(--tw-bg-opacity));
	font-weight: 600;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: .75rem;
	padding-top: .75rem;
	transition-duration: .15s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	border-radius: 9999px;
}
#host_registration .form-action .btn.action_btn:hover{
	--tw-bg-opacity: 1;
	background-color: rgba(116,68,255,var(--tw-bg-opacity));
}
.filter_section .dropdown-item,
.page-footer ul li a{
	text-transform: capitalize;
}
.download_file{
	padding: 5px 18px 5px 8px;
	border-radius: 20px;
	display: inline-block;
	margin-right: 5px;
}
.download_file i{
	width: 22px;
	height: 22px;
	font-size: 10px;
	text-align: center;
	display: inline-block;
	line-height: 22px;
	border-radius: 50%;
}

/* rights chagnes */
.bigfan .poster_inner_desc h6{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bigfan .poster_inner_desc p{
	display: none;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.style-spark .hero picture{
	display: none;
}
#hero_search button{
	border:none;
	background: transparent;
}
.filter_row button.dropdown-toggle{
	background: rgba(255, 255, 255, .2) !important;
	border-color: rgba(255, 255, 255, .2) !important;
}
.filter_row .dropdown-menu.hidden{
	display: none;
}
.filter_row .dropdown-menu.show{
	display: block;
}
.no-touch .filter_row .dropdown-menu{
	visibility: visible;
	opacity: 1;
}
.dark .filter_row .dropdown-menu.dark\:bg-jacarta-800{
	background: #0d1118 !important;
	transition: unset;
}
.filter_row .dropdown-menu ul{
	padding: 0px;
	margin:0;
}
.filter_row .dropdown-menu ul .dropdown-item{
	padding: 0.5rem 1.25rem !important;
}
.dark .infinite-container .catalogue_card{
	background: rgba(255, 255, 255, .2)  !important;
	border-color: rgba(255, 255, 255, .2)  !important;
}
.title_breadcrumb .breadcrumb-navbar.mb-5{
	margin-bottom: 0px !important;
}
.title_breadcrumb .breadcrumb{
	margin-bottom: 0px;
	background: transparent;
}
.title_breadcrumb .breadcrumb-item .bg-white{
	background: rgba(255, 255, 255, .2) !important;
}
.pr_details .card{
	background: transparent;
}
.pr_details h4.group,h4.right_ot_title{
	border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
}
.pay_method_btns .btn.btn-primary,
.form-action .btn.btn-primary{
	background: rgb(233,178,41);
	background: linear-gradient(0deg, rgba(233,178,41,1) 4%, rgba(140,88,18,1) 50%, rgba(233,178,41,1) 96%);
	border: none;
	font-weight: 600;
	box-shadow: none !important;
	padding: .65rem 1.5rem;
	color: #fff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
h5.right_ot_title{
	font-size: 15px;
	font-weight: 600;
}
.fea_tags .badge{
	font-size: 14px;
	background: transparent;
	font-weight: 400;
	padding: 0px;
}
.dark .fea_tags.details_of_product{
	border-top-color: rgba(255,255,255,0.124) !important;
	border-bottom-color: rgba(255,255,255,0.124) !important;
	border-right-color: rgba(255,255,255,0.124)!important;
}
.quotation_request .table-responsive.bg-white{
	background: rgba(255,255,255,0.124) !important;
}
.quotation_request table{
	margin-bottom: 0px;
}
.quotation_request table th {
    border-bottom: none;
    border-top: none;
}
.quotation_request table th, .quotation_request table td{
	color: #fff;
}
.partner_singup_title h1{
	margin: 0;
	font-size: 36px;
	color: #fff;
}
.quotation_request_form{
	margin-top: 60px;
}
.form-container #request_form label, .form-container #make_offer_form_id label{
	color: #fff;
}
#request_form .card{
	padding: 0px;
	background: #0d1118 !important;
	border:none !important;
}
.form-container #request_form select,
.form-container #request_form input{
	background-color: rgba(255,255,255,.2);
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple{
	background-color: rgba(255,255,255,.2) !important;
	border:none !important;
}
.select2-results,.select2-container--default .select2-results > .select2-results__options,
.select2-results__option--selectable{
	background-color: rgba(0,0,0,.5);
}
.style-spark .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
	color: #fff;
}
#request_form fieldset > h2{
	color: #fff;
	font-weight: 600;
}
.dark .style-spark .select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: #000;
	color: #fff;
}
.style-spark .select2-container--default .select2-selection--multiple .select2-selection__choice{
	border-color: rgba(255,255, 255, .5);
}
#id_user_type.form-control{
	border: none;
	background-color: transparent;
}
#id_user_type.form-control li input{
	width: auto;
}
.type_creator_radio ul li label{
	color: #fff;
}
#creator_form input.form-control,
#creator_form textarea.form-control,
#id_country{
	width: 100%;
	height: 40px;
	color: #fff;
	display: inline-block;
	background-color: rgba(255, 255, 255, .125);
	border-color: rgba(255, 255, 255, .125);
	border-radius: 5px;
}
#id_country{
	appearance: none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image: url('https://static.the-ally.com/images/down-arrow-w.png');
	background-size: 12px auto;
	background-position: 97.5% center;
	background-repeat: no-repeat;
}
#creator_form textarea.form-control{
	height: 150px;
}
.rights_creator_form .bg-white{
	background: #0d1118 !important;
	margin-top: 60px;
	border: none !important;
}
.bfan.py-24{
	background: #000;
}
.conversation_title h1{
	color: #fff;
	font-weight: 700;
}
#make_offer_form_id{
	margin-top: 60px;
	padding: 20px;
	border-radius: 10px;
	background: #0d1118;
}
.bfanc.page_title.partner_singup_title{
	margin-top: 0px;
	padding-top: 140px;
}
.bfanc.partner_singup_title h1{
	padding: 0px;
}
.catalogue_card .pr_type{
	background: transparent;
	color: rgba(196, 197, 207, 1);
	font-size: 14px;
	font-weight: 400;
}

/* podcast details */
.play_videt .audio_play{
	background: rgb(233,178,41);
	background: linear-gradient(0deg, rgba(233,178,41,1) 4%, rgba(140,88,18,1) 50%, rgba(233,178,41,1) 96%);
	color:#fff;
}
.title-likes [id*=likecontent_wrapper_] a{
	color: #fff;
}

/* channel slider */
.seenetworks .pt_wrapper,
.seenetworks .series_wrapper{
	margin-top: 66px;
}
.channel-img {
	width: 150px;
	height: 150px;
	line-height: 150px;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	margin:0 auto 10px;
}
.channel-img.noradius{
	border-radius: 5px;
}
.channel_det h5{
	font-size: 16px;
	font-weight: 500;
	margin-top: 10px;
}
.channel-img a{
	display: block;
  }
.channel-img a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.seenetworks .poster_inner_desc{
	display: none !important;
}
.seenetworks .poster_slider .poster_caption, 
.seenetworks .feature_stack .poster_caption, 
.seenetworks .view_all_mv .infinite-item .card-body, 
.seenetworks .search_result_page .card .card-body{
	display: block;
}
.seenetworks .poster_holder_card:hover, 
.seenetworks .view_all_mv .infinite-item .card:hover .card-poster, 
.seenetworks .search_result_page .card:hover .card-poster{
	border: none;
}
.seenetworks .poster_main_div{
	transform: translateY(0px);
	transition: all 0.3s ease-in-out;
}
.seenetworks .poster_main_div:hover{
	transform: translateY(-10px);
	transition: all 0.3s ease-in-out;
}
/* partners lising page */
.page_title.page-profile{
	padding:0px;
}
.page-profile img{
	width: 100%;
	height: auto;
}
.poster_slider .slick-list{
	overflow: visible;
}
.page-channels-row,
.partner_profile_card{
	width: 100%;
	padding: 0px 70px;
}
.page_title{
	padding: 70px 0px;
	border-radius: 0px;
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
	background: #1a2232 !important;
}
.page_title:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	z-index: -1;
}
.page-title-content{
	position: relative;
	z-index: 2;
}
.page-title-content h1{
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.page-title-content p{
	margin: 0;
	font-size: 18px;
}
.page-channels-columns{
	margin-left: -15px;
	margin-right: -15px;
}
.channel-column{
	padding: 0px 15px;
	-ms-flex: 0 0 16.666%;
	flex: 0 0 16.666%;
	max-width: 16.666%;
	margin-bottom: 30px;
}
.channel-column .channel-img img{
	max-width: 100%;
	height: auto;
}
.page-channels-columns .channel-img{
	width: 100%;
	height: auto;
	line-height: 1;
}
/* partner profile */
/* details page */
.nw_details {
	margin-top: 20px;
}
.nw_details .media img{
	border-radius: 50%;
	width: 80px;
	height: 80px;
	object-fit: cover;
}
.nw_details.noradius .media img{
	border-radius: 4px;
}
.nw_details .media h5{
	text-transform: capitalize;
}
.nw_details .media p{
	font-size: 14px;
}
.social_links a{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: 15px;
	text-decoration: none;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	background: rgb(233,178,41);
	background: linear-gradient(0deg, rgba(233,178,41,1) 4%, rgba(140,88,18,1) 50%, rgba(233,178,41,1) 96%);
}
.rv_link {
	margin-bottom: 20px;
}
.rv_link a{
	text-decoration: none;
}
.rv_link .media h5{
	font-size: 16px;
	font-weight: 600;
	font-family: var(--font2);
	margin: 0;
	color: var(--stacktitlecolor);
}
.rv_link .media img{
	border-radius: 10px;
	max-width: 40%;
}
.rv_link .media p .auname{
	font-size:  13px;
	margin-right: 0;
}
.rv_link .media p .toviews,
.rv_link .media p .postedtime{
	font-size:  12px;
}
.rv_link .media-body p{
	margin-bottom: 10px;
	line-height: 1.1;
}
.nw_content_details .card-body h3{
	font-weight: 500;
	font-size: 24px;
}
.nw_content_details .title_desc p{
	font-size: 18px;
}
.nw_content_details .card-body p:last-child{
	margin: 0;
}
.profile-content-details .card-title a{
	font-size: 16px;
	display: inline-block;
	padding: 5px 20px;
	text-decoration: none;
	color: #fff;
}
.profile-content-details .card-title a:hover,
.profile-content-details .card-title a:focus,
.profile-content-details .card-title a.active{
	color: #ff0000;
}
.profile_new_video .new_video{
	background-color: #000;
}
.profile-content-details,
.profile-content-details .card-header,
.profile-content-details .card-header.bg-white{
  background: #181818 !important;
}
.profile-content-details .nw_details .media h5,
.profile-content-details .review_title_link h4,
.activity_card,.video-meta li a,.nw_content_details .card-body h3{
  color: #fff;
}
.nw_content_details .title_desc p,
.rv_link p{
  color: #a9a9a9;
}
.activity_card .card-header{
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

/* stack column partner details */
.stack_column .item_img a{
	display: block;
}
.stack_column .item_img img{
	width: 100%;
	border-radius: 15px;
	max-width: 100%;
}
.stack_column .item_img img
.stack_column .item_caption{
	margin-top: 20px;
}
.stack_column .item_caption{
	margin-top: 10px;
}
.stack_column .item_caption img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
} 
.stack_column.noradius .item_caption img{
	border-radius: 4px;
}
.stack_column .item_caption h5{
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}
.stack_column .item_caption p{
	font-size: 13px;
	margin:3px 0 0;
}
.stack_column .item_caption p span{
	display: inline-block;
}
.auname{
	text-transform: capitalize;
	margin-right: 15px;
}
.toviews{
	margin-right: 15px;
}
.postedtime{
/* padding-left: 15px;
margin-left: 10px; */
	position: relative;
}
.postedtime:after{
	content:none;
	position: absolute;
	left: -2px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
}
.stack_column .item_img,
.stack_column .item_caption{
  position: relative;
}
.stack_column .dropdown{
  position: absolute;
  top: 5px;
  right:10px;
  z-index: 2;
}
.stack_column .dropdown .dropdown-toggle{
  color: #fff;
  font-size: 20px;
  padding: 10px 12px;
}
.stack_column .dropdown .dropdown-toggle:after,
.stack_column .dropdown .dropdown-toggle:before{
  content:none;
}
.stack_column .dropdown-item{
  padding-top: 10px;
  padding-bottom: 10px;
}
.stack_column .dropdown-item i{
  margin-right: 5px;
}
.pr_publish_video{
  position: absolute;
  right: 0;
  top: 0;
}
.partner_profile_card .nw_details .media h5{
	margin-bottom: 0;
}
.partner_profile_card .nw_details .postedtime{
	display: none;
}
.profile-content-details .pricing-wrapper{
	padding: 40px 0px;
}
.profile-content-details .pricing_card{
	background-color: #0d1118;
}
.viewtube_partnersignup .card{
	background: #0c0c0c;
}
.viewtube_partnersignup .form-control,
.social_urls input{
	background-color: rgba(255,255,255,.2);
	color: #fff;
	border: none;
	border-radius: 0.25rem;
	height: 40px;
	width: 100%;
}
.viewtube_partnersignup .form-control,
.viewtube_partnersignup .intl-tel-input input[type="tel"],
.viewtube_partnersignup .select2-container .select2-selection--single{
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
	color: #000;
}
.viewtube_partnersignup .intl-tel-input.separate-dial-code .selected-dial-code{
	color: #000;
}
.social_urls label{
	color: #fff;
}
.social_urls label i {
	margin-right: 5px;
}
.viewtube_partnersignup .terms_condition_check{
	max-width: 400px;
	margin: 30px auto 15px;
	color:#fff;
}
.viewtube_partnersignup .terms_condition_check label,
.viewtube_partnersignup .form-group label{
	color:#fff;
}
.viewtube_partnersignup .select2-container{
	width: 100% !important;
}
.terms_privacy_action a,.terms_privacy_action input{
	border:none;
	text-decoration: none;
}
#wallet_integration_modal{
	color: #000
}
#wallet_integration_terms{
	padding: 0!important;
}
.terms_privacy_action{
	padding: 20px 0 0 0 !important;
}
.creator_slider_column {
    max-width: calc(100% - 666px);
    margin-left: auto;
}
.creator-slide-item{
	padding: 0px 10px;
}
.creator-slide-item .bg-white{
	background: rgba(255, 255, 255, .2) !important;
	border:none !important;
	padding: 10px !important;
}
.creator-slide-item figure{
	margin-bottom: 0px;
}
.creator_slider_column .slick-next, .creator_slider_column .slick-prev{
	width: 35px;
	height: 35px;
	background: #fff;
	line-height: 35px;
	border-radius: 50%;
}
.creator_slider_column .slick-next::before, .creator_slider_column .slick-prev::before{
	font-size: 26px;
	line-height: 35px;
}
.right_details_left_col .asset_title h1{
	color: #fff;
	font-weight: 500;
}
.right_details_left_col .pr_type{
	font-size: 12px;
	background: var(--primary);
	color: #fff;
	font-weight: 400;
}
.rights_type .list-group li {
    background: rgba(255,255,255,0.2);
    border: none !important;
}
.details-content-col #share_web,
.details-content-col .social-share p{
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
}
.details-content-col #share_web{
	margin: 0;
	padding: 0;
}
.details-content-col #share_web li{
	display: inline-block;
	margin: 0px 4px;
}
.details-content-col #share_web li a{
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.verify_pages{
	background-color: #0c0c0c;
}
.viewtube_partnersignup .terms_condition_check label a{
	color: var(--blue);
	text-decoration: underline;
}
.viewtube_partnersignup .form-group label{
	font-size: 14px;
	margin-bottom: 1px;
}
.viewtube_partnersignup .form-group label span.text-danger{
	color: #ff0000 !important;
}
.pr_earnings table th,
.pr_earnings table td{
	color: #fff;
}
@media(max-width: 1199.98px){
	.channel-column{
	  flex: 0 0 25%;
	  max-width: 25%;
	}
	.page-channels-row,
	.partner_profile_card{
		padding: 0px 50px;
	}
}
@media(max-width: 991.98px){
	.page-channels-row,
	.partner_profile_card{
		padding: 0px 30px;
	}
	.page_title{
		padding: 60px 0px;
	}
	.channel-column{
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}
}
@media(max-width: 767.98px){
	.page-channels-row,
	.partner_profile_card{
		padding: 0px 15px;
	}
}
@media(max-width: 574.98px){
	.page_title{
		padding: 40px 0px;
	}
	.channel-column{
	  flex: 0 0 50%;
	  max-width: 50%;
	}
}

/* movie details directory */
.where_watch_list .media h5,
.where_watch_list .media p{
	color: #fff;
	font-weight: 600;
}
.bigcinemas .nav-item.pnko_l{
	display: none !important;
}
.indie_refer_text.d-none{
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 600;
	color: #e9b229;
}

.poster_slider .poster_main_div img,
.feature_stack .poster_main_div img,
.poster_holder_card, 
.view_all_mv .infinite-item .card-poster, 
.search_result_page .card-poster{
    border-radius: 12px !important
}
.slick-slide{
	padding: 0px !important;
	margin-right: 24px !important;
}
.poster_holder_card:hover, 
.view_all_mv .infinite-item .card:hover .card-poster, 
.search_result_page .card:hover .card-poster{
	border: none !important;
	box-shadow: 0px 1px 6px 4px #333;
}
.view_all_mv .infinite-item .card:hover .card-poster,
.search_result_page .card:hover .card-poster{
	box-shadow: 0px 1px 6px 4px #333;
}

/* avails rights */
.rights_avails_title.page_title{
	padding: 40px 0px;
}
.avails_table_wrapper{
	background-color: #0d1118 !important;
	border-color: #3d4146 !important;
}
.avails_table_wrapper table{
	white-space: nowrap;
	display: block
}
.avails_table_wrapper table thead th,
.avails_table_wrapper table tbody td{
	border-color: #3d4146;
}
.avails_table_wrapper table thead th{
	vertical-align: middle;	
	/* width: 200px; */
	padding:15px;
}
.avails_table_wrapper table tbody td{
	padding: 12px 15px;
	white-space: normal;
	min-width: 160px;
	vertical-align: middle;
}
.avails_table_wrapper td .public_acc_num{
	word-wrap: break-word;
  	white-space: nowrap;
}
.avails_table_wrapper .table_max_box{
	min-height: 60px;
	max-height: 80px;
	overflow-y: auto;
	padding: 10px;
	max-width: 150px;
	--tw-border-opacity: 0.2;
  	border: 1px solid rgba(54,58,93,var(--tw-border-opacity));
	border-radius: 8px;
}
.avails_filter_wrapper input,
.avails_filter_wrapper select{
	font-size: 14px;
	height: 40px;
	width: 100%;
	padding: 8px 15px !important;
	background-color: rgba(255,255,255,.2) !important;
	color: #fff;
	border: none;
	border-radius: 0.25rem;
}
.avails_filter_wrapper select{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 14px auto;
  background-position: 98% center;
  background-image: url('https://static.the-ally.com/images/down-arrow-w.png');
}
.avails_filter_wrapper .btn,
.avails_filter_wrapper .clear_filter_btn{
	min-width: 110px;
}
.avails_filter_wrapper .clear_filter_btn{
	color: #fff;
	background-color: #007bff !important;
	border-color: #007bff !important;
	display: inline-block;
  	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	padding: .375rem .75rem !important;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	box-shadow: none !important;
	border-width: 1px;
	text-decoration: none;
}
.avails_filter_wrapper .clear_filter_btn:hover{
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
}
.dark .avails_table_wrapper .table_max_box{
	--tw-border-opacity: 1;
	border: 1px solid rgba(54,58,93,var(--tw-border-opacity));
}
.avails_table_wrapper table tbody tr:nth-child(even),
.avails_table_wrapper table tbody tr:hover{
	background-color: rgba(0,0,0,.025);
}
.dark .avails_table_wrapper table tbody tr:nth-child(even),
.dark .avails_table_wrapper table tbody tr:hover{
	background-color: rgba(255,255,255,.025);
}
.ankurnarulaministries .series_wrapper,
#home.ankurnarulaministries .wrapper {
    margin-top:66px;
}
.banner_slider_spark .slick-slide{
	margin-right: 0px !important;
}
.banner_slider_spark .slick-slide img{
	width: 100%;
}
table .dynamic-form::before {
	color: #fff;
}
.ankurnarulaministries .hanmtv{
	display: none;
}
.anmtv .important_note{
	max-width: 1000px;
}
.anmtv .important_note{
	font-size: 16px;
	font-weight: 600;
}
.anmtv .important_note span{
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	display: inline-block;
	margin-right:5px;
}
/* .footer_bottom{
	background-color: #0c0c0c;
} */
.footer-column h3{
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.footer-column ul{
	padding: 0;
	margin: 0;
}
.footer-column ul li{
	display: block;
	margin-bottom: 8px;
}
.footer-column ul li:last-child{
	margin-bottom: 0px;
}
.footer-column ul li a{
	color: #fff;
	text-decoration: none;
}
.footer-column ul li a:hover{
	color: rgb(233,178,41);
}
.mobile_store a{
	display: inline-block;
	margin:5px;
}
.mobile_store img{
	max-width: 140px;
}
.section-title-header h2{
	font-size: 1.75rem;
}
@media(max-width: 991.98px){
	.ft_links_column{
		width: 100%;
	}
}


/* donation details & checkout page */
.iskcon_donation_details.section {
    padding: 100px 0px;
}
.donation_checkout_container{
	padding-bottom: 100px;
}
.iskcon_donation_details  .post-detail-wrapper,
.sidebar-widget,.donation_checkout_container .post-detail-wrapper {
    padding: 30px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .125);
	background-color: #0d1118;
}
.entry-content img,.checkout_banner{
	max-width: 100%;
	height: auto;
}
.entry-content p, .entry-content img {
    margin-bottom: 20px;
}
.sigma_post-single-meta-item h6 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
}
.flex_title_desc_col h5,
.checkout_product_wrapper h5{
	font-size: 1.5rem;
	font-weight: 600;
}
.checkout_product_wrapper h5{
	margin-bottom: 15px !important;
}
.sigma_post-single-meta-item.sigma_post-share .sigma_sm {
	justify-content: flex-end;
}
.flex_social_share_col {
	-ms-flex: 0 0 100px;
	flex: 0 0 100px;
	max-width: 100px;
	text-align: right;
}
.sigma_sm {
	display: flex;
	align-items: center;
	margin: 0;
	list-style: none;
	padding:0;
}
.sigma_post-share .sigma_sm li {
	margin-top: 6px;
	margin-left: 10px;
}
.sigma_post-share .sigma_sm li a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(233,178,41,1);
}
.product_title_des_share{
	margin-bottom: 15px;
}
.sidebar-widget{
	margin-bottom: 30px;
}
.sidebar-widget .card,
.sidebar-widget .card-header{
	background-color: transparent;
}
.sidebar-widget .card-header{
	padding: 0px
}
.sidebar-widget .widget-title {
	position: relative;
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: 600;
}
.widget-recent-posts .sigma_recent-post {
	display: flex;
	align-items: center;
}
.sidebar-widget.widget-speakers .card .speaker-image {
	margin-right: 15px;
	border-radius: 50%;
}
.sidebar-widget.widget-speakers .card .speaker-image img {
	border-radius: 50%;
	max-width: 80px;
	max-height: 80px;
	object-fit: cover;
}
.sidebar-widget.widget-speakers .card h6 {
	font-size: 18px;
	margin-bottom: 6px;
	font-weight: 600;
	text-transform: capitalize;
}

.sidebar-widget .form-group input[type=text],
.sidebar-widget	.form-group input[type=email],
.sidebar-widget	.form-group input[type=number],
.sidebar-widget	.form-group input[type=date],#id_voucher_code{
	font-size: 14px;
	height: 40px;
	width: 100%;
	padding: 10px 15px;
	background-color: rgba(255,255,255,.2);
	color: #fff;
	border: none;
	border-radius: 0.25rem;
}
.sidebar-widget .form-group label{
	color: #fff !important;
	font-size: 14px;
}
.sidebar-widget .do_amount_inputgr .input-group-prepend .input-group-text {
	background-color: rgba(255,255,255,.2);
	border-width: 0px;
	border: none !important;
	color: #fff;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-top-left-radius: 0.25rem !important;
	border-bottom-left-radius: 0.25rem  !important;
}
.sidebar-widget #clearamt, .sidebar-widget .clearamt {
	position: absolute;
	right: 42px;
	top: 14px;
	cursor: pointer;
	font-size: 18px;
	display: none;
}
.sidebar-widget .checkout_title{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
}
.tax_check .custom-switch {
	padding-left: 50px;
}
.checkout_sidebar .form-group label {
	font-size: 13px;
	font-weight: 400;
	color: #3D434F;
	margin: 0;
	cursor: pointer;
}
.tax_check .custom-switch .custom-control-label::before {
	width: 40px;
	height: 20px;
	border-radius: 20px;
	left: -50px;
}
.tax_check .custom-switch .custom-control-label::after {
	top: 5px;
	left: -47px;
	width: 14px;
	height: 14px;
}
.tax_check .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}
.checkout_sidebar hr{
	border-top-color: rgba(255,255, 255, .125);
}
.checkout_sidebar .qty_selebox{
	top: -20px
}
.sg_la_val_col {
    text-align: center;
    margin: 5px;
    flex: 0 0 calc(33.333% - 10px);
    -ms-flex: 0 0 calc(33.333% - 10px);
}
.sg_val {
    width: 100%;
    padding: 4px 18px;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
	border: 2px solid rgba(233,178,41,1);
    color: rgba(233,178,41,1);
}
.sg_val:hover, .sg_val.selected {
    background-color: rgba(233,178,41,1);
    color: #fff;
}
.checkout_sidebar #autoUpdate .procced_to_pay{
	border:none;
}
.checkout_sidebar .row_payment_method .payment_type{
	height: auto;
}
/* iskcon specific fields hided for anmtv */
.only-to-isckon{
	display: none;
}
/* iskcon specific fields hided for anmtv */
.ankurnarulaministries .banner_slider_spark a.btn.btn-gradient{
	display: none;
}
@media(max-width: 991.98px){
	.sidebar.checkout_sidebar{
		margin-top: 30px;
	}
	.checkout_sidebar .row_payment_method .payment_type{
		height: auto;
		margin-top: 20px;
	}
	.checkout_sidebar .town_script_btn_row .procced_to_pay{
		position: static;
	}
	.iskcon_donation_details .post-detail-wrapper, 
	.sidebar-widget, 
	.donation_checkout_container .post-detail-wrapper{
		padding: 15px
	}
}

/* rights listing page */
.list_grid_toggle.mb-5{
	margin-bottom: 1.25rem !important;
}
.w-\[25\%\] {
	width: 25%;
}
.list_grid_toggle button{
	margin-right: 3px;
	border-width: 0 0 2px 0px;
	background: transparent;
	color: #fff;
	border-color: transparent;
	outline: none;
}
.list_grid_toggle button.active{
	--tw-bg-opacity: 1;
	color: rgba(131, 88, 255, var(--tw-bg-opacity));
	border-color: rgba(131, 88, 255, var(--tw-bg-opacity));
}
.list_grid_toggle button.active:after,
.list_grid_toggle button:hover:after{
	--tw-bg-opacity: 1;
	background-color: rgba(131, 88, 255, var(--tw-bg-opacity));
	bottom: -1px;
	content: var(--tw-content);
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
}
.list_view{
	min-width: 800px;
}
.list_view .infinite-container{
	display: flex;
	flex-direction: column;
	gap: 2px;
}
#viewwrapper .infinite-container .w-25,
#viewwrapper .infinite-container .w-50{
	width: auto !important;
}
#viewwrapper.list_view .infinite-container .w-25{
	width: 25% !important;
}
#viewwrapper.list_view .infinite-container .w-50{
	width: 50% !important;
}

.list_view .catalogue_card{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0px;
	border-radius: 0px;
}
.list_view .catalogue_card figure{
	max-width: 50px;
	display: block;
	margin: 0;
}
.list_view .catalogue_card a{
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
.list_view .catalogue_card span,
.list_view .catalogue_card .text-base,
.list_view .catalogue_card a span{
	font-size: 14px;
	--tw-text-opacity: 1;
  	color: rgba(196, 197, 207, var(--tw-text-opacity));
	font-weight: 400;
}
.list_view .catalogue_card figure a{
	display: block;
	text-decoration: none;
}
.list_view .catalogue_card figure img{
	display: block;
}
.imgtitle_div .card_title_div{
	margin-top: 1.75rem;
}
.list_view .imgtitle_div .card_title_div{
	margin-top: 0px;
}
.list_view .imgtitle_div{
	display: flex;
	align-items: center;
	gap:10px;
}
.list_view .catalogue_card .w-25,
.list_view .catalogue_card .w-50 .w-50{
	padding: 0.75rem 1rem;
}
.listview_header{
	display: none;
}
.list_view .listview_header{
	display: flex;
	font-size: 15px;
	font-weight: 600;
	background: rgba(255, 255, 255, .3);
}
.type_geners{
	margin-top: 0.35rem;
}
.mrdetl_btn{
	margin-top: 1.75rem;
}
.list_view .type_geners,
.list_view .mrdetl_btn{
	margin-top: 0px;
	font-family: CalSans-SemiBold, sans-serif;
	font-size: 1rem;
	color: #fff;
}
.type_geners{
	font-size: 0.85rem
}
.list_view .type_geners{
	font-size: 1rem;
}
span.pr_type{
	margin-right: 5px;
}
.list_view span.pr_type{
	margin-right: 0px;
}