/*
Theme Name: Animaster
Author: Animaster author
Author URI: https://animster.com
Description: A anime Theme for wordpress
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7.1
Requires PHP: 7.4
Text Domain: animster
*/
html{
    scroll-behavior: smooth;
  }
  /* light mode styles */
  html.dark .comfortSlider_wrap .dark_bg {
    background: linear-gradient(0deg, var(--bg) 30%,rgba(10,13,16,0));
  }

  html.dark .footer_minimal{
    background: transparent !important;
    border-top: solid 1px var(--bg_lighter) !important;
    padding-top: 40px;
    box-shadow: none !important;
    border: none;
  }

  html.dark .footer_minimal .social p{
    color: var(--text);
  }

  html.dark .footer_minimal .about .desc{
    background: #00000021;
    color: var(--text) !important;
  }

  html.dark .footer_minimal .mini_button{
    color: var(--text) !important;
    border-color: var(--text) !important;
  }

  html.dark .footer_minimal .mini_button:hover{
    color: #fff !important;
  }


  html.dark .footer_minimal .copyright{
    background: transparent !important;
    box-shadow: none !important;
  }


  /* html.dark .header-single{
    background: linear-gradient(to bottom, rgb(94 94 94 / 99%) 0px, transparent) !important;
  } */

  html.dark .header.sticky{
    background: var(--stickyHeader) !important;
  }

  html.dark .notif_items li a{
    color: var(--bg_darker)!important;
  }

  html.dark .header.sticky .show_all_notifs{
    color: #fff !important;
  }
  html.dark .show_all_notifs{
    color: #fff !important;
  }

  html.dark .header.sticky a{
    color: var(--text) !important;
  }



  html.dark .sidebarBoxOffice__right .boxOffice__meta h3 {
    color: var(--text);
  }

  html.dark .ticket_info{
    background: var(--bg_lighter);
  }

  html.dark .film_cat2 .imdb_score_circle{
    color: #fff;
  }

  html.dark .ticket_info i{
    color: var(--text);
  }

  html.dark .ticket_msg .ticket_msg_box{
    background: #e5ebf5;
  }

  html.dark .ticket_msg .ticket_msg_box::before{
    border-color: transparent transparent transparent #e5ebf5;
  }

  html.dark .reply_support.ticket_msg .ticket_msg_box{
    background: #d6e4f8!important;
  }

  html.dark .reply_support.ticket_msg .ticket_msg_box::before{
    border-color: transparent #d6e4f8 transparent transparent!important;
  }

  html.dark .custom_list{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .custom_list h3{
    border-color: var(--bg_lighter);
    color: var(--text);
  }

  html.dark .custom_list_meta span{
    border-color: var(--bg_lighter);
    color: var(--text);
  }

  html.dark .float_menu li{
    border-bottom: solid 1px var(--bg_lighter);
  }

  html.dark .float_menu li a {
    color: var(--text);
  }

  html.dark .float_menu li::after,
  html.dark .float_menu li::before{
    background: var(--text);
  }
  html.dark .all_key a{
    background: var(--text) !important;
  }

  html.dark .user_btn a,
  html.dark .user_btn button{
  color: #fff;
  }

  html.dark .panel_film_sort li{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .panel_film_sort .sort_id{
    background: #788ec347;
  }

  html.dark .film_search{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .film_search input{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: var(--text);
  }

  html.dark .report_modal .wpcf7-form-control{
    background: var(--bg2);
    border: 1px solid #c1cbdb;
    color: var(--text);
  }

  html.dark .modal-body{
    background: var(--bg2)!important;
    color: var(--text);
  }


  /* html.dark .widget .widget_inner .update_info{
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #6982aa85 42%, #6b84ab 100%);
  }

  html.dark .widget .widget_inner .update:hover .update_info{
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #6982aa85 42%, #6b84ab 100%);
  } */

  html.dark .widget .widget_inner .update_info span{
    color: #e9f2ff;
  }

  html.dark .boxOffice_page h2 a{
    color: var(--text);
  }
  html.dark .boxOffice_page{
    color: var(--text);
  }

  html.dark .boxOffice_item .boxOffice__meta li h3{
    color: var(--text);
  }

  html.dark .boxOffice_item .boxOffice__meta li{
    color: var(--bg_lighter);
  }

  html.dark .timer div{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .timer .counter_label{
    background: var(--bg2);
    box-shadow: none;
    border: none;
    color: var(--text);
  }

  html.dark .count_row h4{
    color: var(--text);
  }

  html.dark .timer span{
    color: var(--text);
  }

  html.dark .boxOffice_item .boxOffice__meta li a{
    color: var(--bg_lighter);
  }

  html.dark .boxOffice_item{
    background: var(--bg2);
      box-shadow: 0 10px 15px 0 var(--shadow_color);
      border: 1px solid var(--bg_lighter);
  }

  .sidebarBoxOffice__right .boxOffice__meta {
    color: #767676;
  }

  html.dark ._textAds li a {
    background: var(--bg2);
    border: solid 1px var(--bg_lighter);
    color: var(--text);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
  }

  html.dark ._textAds li a span {
    color: var(--text);
  }

  html.dark .widget .widget_inner .update_info{
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(0 0 0 / 78%) 42%, var(--bg_darker) 100%);
  }

  html.dark ._textAds li a:hover {
    background: var(--primaryColor);
    color: #fff;
  }

  html.dark ._textAds li a:hover span {
    color: #fff;
  }

  html.dark .related_films_title i {
    color: var(--text);

  }

  html.dark .boxOffice th {
    border: solid 1px var(--bg_lighter);
    background: #f7faff;
    color: var(--text);
  }

  html.dark .boxOffice td {
    border: solid 1px var(--bg_lighter);

    color: var(--text);
  }

  html.dark .post_header_meta h1{
    color: #fff;
  }

  html.dark .casual_single .single_hero {
    /* background: linear-gradient(to bottom,rgb(247 247 248 / 0%), #000000); */
    background: linear-gradient(to bottom,rgb(52 52 52), #000000);
    position: relative;
    z-index: 5;
  }

  html.dark .boxOffice tr:hover {
    background: #dfdfdf;
  }

  html.dark .boxOffice .boxOffice__meta h3 {
    color: var(--text);
  }

  html.dark .boxOffice .boxOffice__meta a {
    color: var(--text);
  }

  html.dark .download_notice {
    color: var(--text);
    background: var(--text);
  }

  html.dark body {
    background: var(--bg);
  }

  #rcp_subscription_levels li:before {
    background: var(--bg_lighter);
  }

  #rcp_subscription_levels li:after {
    background: var(--bg_lighter);
  }

  html.dark .featured2 {
    background: var(--bg2);
    border-bottom: solid 1px var(--bg_lighter);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
  }

  html.dark .related_post_blog_item {
    background: var(--bg2);
    border: solid 1px var(--bg_lighter);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
  }

  html.dark .related_post_blog_item .icon {
    color: #6883ae;
    background: #e1e1e1;
  }

  html.dark .show_more_panel{
    color: #6883ae;
  }

  html.dark .show_more_panel i{
    background: var(--bg_lighter);
  }

  html.dark .related_post_blog_item header {
    color: #6883ae;

  }

  html.dark .related_post_blog_item p {
    color: #6883ae;

  }

  html.dark .post_content_single {
    color: var(--text)
  }

  html.dark .header-single {
    border-bottom: none !important;
  }

  html.dark .post_content_single a {
    color: var(--text)
  }

  html.dark .awards i {
    color: var(--text)
  }

  html.dark .comments_title i {
    color: var(--text)
  }


  html.dark .awards strong {
    color: var(--text)
  }

  html.dark .stars .stars_title {
    color: #6e88b1;
  }

  html.dark .stars .stars_title small {
    color: #8ba1c3;
  }

  html.dark .nav-link.active {
    color: #fff !important;
  }

  html.dark .nav-link {
    color: var(--text) !important;
  }

  html.dark .post2 .dl__title span {
    color: var(--text);

  }

  html.dark .post2 .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236881a9'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }

  html.dark .post2 .accordion-button {
    color: var(--text);
    background: var(--bg_lighter);
  }

  html.dark .post2 .accordion-item {
    background-color: #eaf0ff;
    border-bottom: solid 1px #b5c7e2;
  }

  html.dark .post2 .accordion-item:last-of-type {
    background-color: #eaf0ff;
    border-bottom: none;
  }

  html.dark .post .post_blog h2 a {
    color: var(--text)
  }

  html.dark .post_blog .blog_meta li {
    color: #7e95bb !important;
  }

  html.dark .post_blog .blog_meta li a {
    color: #7e95bb !important;
  }

  html.dark .post_blog p {
    border: none !important;
  }

  html.dark .header {
    background: #f7faff;
    border-bottom: 1px solid var(--bg_lighter);
  }

  html.dark .header.fix {
    border-bottom: none !important;
  }

  html.dark .panel_items {
    background: var(--bg2);
    border: solid 1px var(--bg_lighter);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
  }

  html.dark .panel_items li {
    border-bottom: solid 1px var(--bg_lighter);
  }

  html.dark .panel_items li:last-child {
    border-bottom: none;
  }

  html.dark .panel_items li:hover {
    background: var(--bg2);
  }

  html.dark .header .panel_button {
    background: var(--bg2);
    color: var(--bg_darker) !important;
    border: solid 1px var(--bg_lighter);
  }

  /* html.dark .post_header_dark {
    background: linear-gradient(to bottom, #ffffff1f 0%, var(--text)69 470px);
  } */

  html.dark .footer_modern .logo{
    background: var(--bg2);
  }

  html.dark .footer_modern .links h3 span{
    background: var(--bg2);
  }

  html.dark .post_content_single .awards li{
    background: var(--bg2);
    border-bottom: solid 1px var(--bg_lighter);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
  }


  html.dark .comfort-slider .film_cat_title{
    color: var(--text);
  }

  html.dark .comment_like,
  html.dark .comment_dislike{
    background: var(--bg_darker2);
  }

  html.dark .panel_items li a {
    background: var(--bg2);
    color: var(--bg_darker)!important;

  }

  html.dark .header .logo a {
    color: var(--text);
  }

  html.dark .header .top_nav li a {
    color: var(--text);
  }

  html.dark .header .top_nav li a:hover {
    color: var(--text);
  }

  html.dark .featured {
    background: var(--bg2);
    border-bottom: solid 1px var(--bg_lighter);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
  }

  html.dark .post__tags__header{
    background: var(--bg2);
    border-bottom: solid 1px var(--bg_lighter);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    color: var(--text);
  }

  html.dark .post__tags__body a{
    background: var(--bg2);
    border-bottom: solid 1px var(--bg_lighter);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    color: var(--text);
  }
  html.dark .post__tags__body a:hover{
    color: #fff;
  }


  html.dark .header .sub-menu li a {
    color: #fff!important;
  }

  html.dark .header .sub-menu li a:hover {
    color: var(--text);
  }

  html.dark .header .top_nav li ul {
    background: rgb(104 129 169 / 77%);
    box-shadow: none;
  }

  html.dark .header .top_nav li ul:before {
    border-color: transparent transparent rgb(104 129 169 / 77%) transparent;

  }

  html.dark .fix {
    background: linear-gradient(to bottom,
        rgb(104 129 169 / 77%) 0px,
        rgb(104 129 169 / 77%)) !important;
  }

  html.dark .footer .logo a {
    color: var(--bg_darker);
  }

  html.dark .footer .about p {
    color: var(--text);
  }

  html.dark .footer .links h3 {
    color: var(--text);

  }

  html.dark .footer .links li a {
    color: var(--text);

  }

  html.dark .search_form input {
    background: var(--bg2);
    color: var(--bg_darker);
    border: solid 1px var(--bg_lighter);
  }

  html.dark .search_form input:focus {
    background: var(--bg2);
    color: var(--text);
  }

  html.dark .all_key a {
    color: var(--bg_lighter) !important;
  }

  html.dark #datafetch {
    background: #f7faff;
    border: solid 1px var(--bg_lighter);
  }

  html.dark .search_row {
    border-bottom: solid 1px var(--bg_lighter) !important;
  }

  html.dark #datafetch .search_row a {
    color: var(--text);
  }

  html.dark #datafetch .search_row span {
    color: #2b2b2b;
  }

  html.dark #datafetch .show_more {
    background: var(--text);
    border: solid 1px var(--bg_lighter);
    color: var(--text);
  }

  html.dark .post {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .post2 {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .post2 h2 a {
    color: var(--text);
  }

  html.dark .post2 .post_details .post_meta li strong {
    background: var(--bg_lighter);
    color: var(--text);
  }

  html.dark .playonline_badge{
    color: var(--text);
  }

  html.dark .post2 .post_details .post_meta li {
    color: var(--text);
  }

  html.dark .post2 .post_details .post_meta li a {
    color: #2fa19d;
  }

  html.dark .post2 .post_details .post_meta li .seprator {
    background: #d6dde5;
  }


  html.dark .featured_item2_hover {
    background: #6982aa85;
  }

  html.dark .post .post_details h2 a {
    color: var(--text);
  }

  html.dark .post .post_meta li {
    color: var(--text);
  }

  html.dark .post .post_meta i {
    color: var(--text);
  }

  html.dark .sidebarBoxOffice__right .boxOffice__meta {
    color: var(--text);

  }

  html.dark .post .post_meta li a {
    color: var(--text);
  }

  html.dark .post .post_meta li a:hover {
    color: var(--text);
  }

  html.dark .post p {
    background: transparent;
    color: var(--text);
    border: dashed 1px #dfdfdf;
  }

  html.dark .pagination {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .pagination a {
    background: var(--bg_lighter);
    color: var(--text);
  }

  html.dark .pagination .dots {
    background: var(--bg_lighter);
    color: var(--text);
  }

  html.dark .wrapper {
    background: #001222;
  }

  html.dark .star_title_c {
    color: var(--text);
  }

  html.dark .wrapper .star_title_c {
    color: #f5f3f3;
  }

  html.dark .footer {
    background: var(--bg2);
    box-shadow: 0px -14px 15px 0 var(--shadow_color);
    border-top: 1px solid var(--bg_lighter);
  }

  html.dark .copyright {
    border-top: solid 1px var(--bg_lighter);
    background: var(--bg2);
    color: var(--bg_darker);
  }

  html.dark .series_week{
    background: var(--bg2);
      box-shadow: 0 10px 15px 0 var(--shadow_color);
      border: 1px solid var(--bg_lighter);
  }

  html.dark .series_week .series_week__header h3{
    color: var(--text);
  }

  html.dark .series_week .series_week__header{
    border-bottom:solid 1px var(--bg_lighter);
  }


  html.dark .series_week .series_item .name{
    color: var(--text);
  }

  html.dark .series_week .series_item .update{
    color: #99b6e3;
  }

  html.dark .series_week .series_week__header li.active{
    background: var(--primaryColor);
    color: var(--text);
  }

  html.dark .series_week .not_found{
    background: var(--bg_lighter);
    color: var(--text);
  }

  html.dark .loader{
    border-top: 0.5em solid rgb(224 235 252);
    border-right: 0.5em solid rgb(224 235 252);
    border-bottom: 0.5em solid rgb(249 251 255);
    border-left: 0.5em solid #f9fbff;
  }

  html.dark .series_week .series_week__header li{
    background: var(--bg_lighter);
    color: var(--text);
  }



  html.dark .fix a {
    color: #dfdfdf !important;
  }

  html.dark .widget-bg {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .widget .widget_title h3 {
    color: var(--text);
  }

  html.dark .widget_inner .genre li {
    border: solid 1px var(--bg_lighter);
  }

  html.dark .widget_inner .genre li:hover {
    background: var(--bg_lighter);
  }

  html.dark .widget_inner .genre li a {
    color: var(--text);
  }

  html.dark .widget_inner .genre li span {
    background: var(--bg_lighter);
    color: #3c3c3c;
  }

  html.dark .widget .nav-link {
    color: var(--text) !important;
  }

  html.dark .widget .nav-link.active {
    color: #fff !important;
  }

  html.dark .widget .widget_title a {
    color: var(--text);
  }

  html.dark .mobile_menu_icon {
    color: var(--text)
  }

  html.dark .mobile_menu_icon:hover {
    color: var(--text)
  }

  html.dark .mobile_search_icon {
    color: var(--text);
  }

  html.dark .fix .mobile_menu_icon {
    color: #fff
  }

  html.dark .fix .mobile_search_icon {
    color: var(--text);
  }

  html.dark .category_title h3 {
    color: var(--text);
  }

  html.dark .header-single a {
    color: #fff !important;
  }

  html.dark .search_form input::placeholder, html.dark .search_form i{
    color: var(--text);
  }

  html.dark .widget_inner .genre li{
    background: var(--bg2);
  }

  html.dark .sidebar_carousel2 .owl-prev, html.dark .sidebar_carousel2 .owl-next{
    background: var(--bg_lighter)!important;
    color: var(--text)!important;
    box-shadow: 0 10px 15px 0 var(--shadow_color);
  }

  html.dark .post-content-title {
    color: var(--text);
  }

  html.dark .post-content-title i {
    color: var(--text);
  }

  html.dark .post-content-more {
    color: #7f98bf
  }

  html.dark .download_inner {
    background: #f5f5f5;
  }

  html.dark .download_section .download_item {
    background: var(--bg_lighter);
    color: var(--text);
    border-right: solid 4px var(--text);
  }

  html.dark .comments_title h4 {
    color: var(--text);
  }

  html.dark .comment-list .comment {
    background: var(--bg_lighter);
    box-shadow: none;
  }

  html.dark .comment-list li ul.children li.comment {
    background: #bfd0eb;
    box-shadow: none;
  }

  html.dark .comment-list .vcard cite.fn a.url {
    color: var(--text);
  }

  html.dark .comment-list li p {
    color: var(--text);
  }

  html.dark .comment #respond {
    background: #b7c8e3;
  }

  html.dark .logged-in-as a {
    color: var(--text);
  }

  html.dark .comment-form .form-control {
    background-color: var(--bg_lighter);
    color: var(--text);
  }

  html.dark .comment-form .form-control::placeholder {
    color: var(--text);
  }
  html.dark .comment-form{
    color: var(--text);
  }

  html.dark .message {
    color: var(--text);
  }

  html.dark #cancel-comment-reply-link {
    background: #ecf0fb;
  }

  html.dark #reply-title {
    color: var(--text);
  }

  html.dark .artist_works{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .artist_title{
    color: var(--text);
  }

  html.dark .a_genres a{
    background: #758cb133;
    width: fit-content;
    color: var(--text);
  }

  html.dark .cld-count-wrap {
    color: var(--text);
  }

  html.dark .header-single .mobile_menu_icon {
    color: #fff
  }

  html.dark .header-single .mobile_search_icon {
    color: #fff;
  }

  html.dark .header.sticky .mobile_menu_icon {
    color: var(--text);
  }

  html.dark .header.sticky .mobile_search_icon {
    color: var(--text);
  }

  html.dark .top-fixed-now0 .mobile_menu_icon,
  html.dark .top-fixed-now0 .mobile_search_icon{
    color: var(--text);
  }

  html.dark .related_films_title h4 {
    color: var(--text);
  }

  html.dark .related_film_item {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .related_film_item:hover {
    background: #d4e5ff;
  }

  html.dark .related_rotten {
    color: #6c83b1;
  }

  html.dark .related_film_item h5 {
    color: var(--text);
  }

  html.dark .stars_page h1 {
    color: var(--text);
  }

  html.dark .stars_page p {
    color: #323232
  }

  html.dark .actor-works h2 {
    color: var(--text);
  }

  html.dark .film_cat_title2 {
    color: var(--text);
  }

  html.dark .film_cat_title {
    color: var(--text);
  }

  html.dark .serial_card .film_cat_title{
    color: #fff;
  }

  html.dark .download_inner {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .download_inner small,
  html.dark .accordion-button small {
    color: #fff;
    background: var(--bg_darker);
  }

  html.dark .download_inner .tab-content {
    background: #dee9fb !important;
  }

  html.dark .serial-item {
    background: var(--bg2) !important;
    border-right: solid 4px var(--text);
    color: #6c83b1;
  }

  html.dark .content {
    background: var(--bg2);
    border: 1px solid var(--bg_lighter);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
  }

  html.dark .section__title {
    background: var(--bg_lighter);
  }

  html.dark .section__title h3 {
    color: #6c83b1;
  }

  html.dark .post2 .download_item {
    background: var(--bg_lighter) !important;
    border-right: solid 4px var(--text);
    color: #6c83b1;
  }

  html.dark .download_inner .nav-link.active {
    color: var(--text) !important;
    background-color: #dee9fb !important
  }

  html.dark .download_inner .nav-link {
    color: #747474 !important;
  }

  html.dark .featured button.owl-prev span, html.dark .featured button.owl-next span {
    color: #ffffff;
    border: solid 2px var(--text);
    background: #7088ae;
  }

  html.dark .featured button.owl-prev:hover span, .featured button.owl-next:hover span {
    background: #a5a5a5;
  }

  html.dark .post .imdb {
    border: solid 1px #cba902;
    color: #cba902 !important;
  }

  html.dark .widget-wp .wp-calendar-table {
    color: var(--text);
  }

  html.dark .widget-wp .wp-calendar-table a {
    color: var(--text);
  }

  html.dark .widget-wp li a {
    color: var(--text);
  }

  html.dark .widget-wp li {
    color: var(--text);
  }

  html.dark .header .menu-item-has-children::after {
    color: #fff;
  }

  html.dark .header.sticky .menu-item-has-children::after {
    color: var(--text);
  }

  html.dark .film_cat3 .position-relative::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(99 99 99 / 39%) 35%) !important;
  }

  html.dark .comfort-slider .film_cat3 .film_cat_title{
    color: #fff;
  }

  html.dark .film_cat3 .film_cat_title{
    color: #fff;
  }

  html.dark .advanced_search_tab {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .advanced_search_tab a {
    color: var(--text);
  }

  html.dark .sidebar_active {
    background: var(--primaryColor);
  }

  html.dark .updated_posts.active {
    color: #fff;
  }

  html.dark .adv_search.active {
    color: #fff;
  }

  html.dark .search_wrap {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    border-radius: 3px;
  }

  html.dark .search_wrap h3 {
    color: #6a83aa;
  }

  html.dark .search_filter a {
    color: #6a83aa;
    background-color: #fafcff;
    border: solid 1px var(--bg_lighter);
    box-shadow: 0 10px 15px 0 rgba(220, 227, 247, .2);
  }

  html.dark .custom-checkbox {
    color: #6a83aa;
  }

  html.dark .custom-radio {
    color: #6a83aa;
  }

  html.dark .year_box {
    background: #fafcff;
  }

  html.dark .login_register a {
    color: #6a83aa;
  }

  html.dark .footer_wave path {
    fill: var(--bg2) !important;
  }

  html.dark .footer .btn-large {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: #6d85be;
  }

  html.dark .footer .btn-large span {
    color: #6b84bd;
    font-size: 14px;
    font-weight: 700;
  }

  html.dark .post_image--inner .simplefavorite-button {
    background: var(--primaryColor);
    color: #fff;
  }

  html.dark .sidebar {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .center_casual_icons .-favorites{
    color: #fff;
  }

  html.dark .sidebar .avatar_wrap {
    background: var(--bg_lighter);
  }

  html.dark .sidebar .avatar_wrap span {
    color: var(--bg_darker);
  }

  html.dark .comfortSlider_wrap .mixed_imdb,
  html.dark .mixed_slider_title{
    text-shadow: 1px 3px 8px #000000a8;
  }


  html.dark .sidebar .nav_panel ul li a {
    color: var(--bg_darker);
  }


  html.dark .sidebar .nav_panel ul li i {
    color: var(--bg_darker);

  }

  html.dark .body_panel .info {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: var(--text);
  }

  html.dark .body_panel .info .info_detail .title {
    color: var(--text);

  }

  html.dark .body_panel .acc_info {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: var(--text);
  }

  html.dark .body_panel .acc_info header h3 {
    color: var(--text);

  }

  html.dark .body_panel .acc_info li span {
    background: var(--bg_lighter);
    color: var(--text);

  }

  html.dark .body_panel .acc_info header {
    border-bottom: solid 1px var(--bg_lighter);
  }

  html.dark .body_panel h2 {
    color: var(--bg_darker);
  }

  html.dark .body_panel p {
    /* color: var(--bg); */
    color: var(--text);
    opacity: .7;
  }

  html.dark .body_panel .acc_info_ {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .body_panel .acc_info_ header h3 {
    color: var(--bg_darker);
  }

  html.dark .body_panel .acc_info_ table {
    background: #ecf2fd;
    color: var(--bg_darker);
  }

  html.dark .body_panel .acc_info_ header {
    border-bottom: solid 1px #00000021;
  }

  html.dark .body_panel .acc_info_ table th {
    border-left: 1px solid #00000021;
    border-right: 1px solid #00000021;
  }

  html.dark .body_panel .acc_info_ table td {
    border-top: 1px solid #00000021;
    border-left: 1px solid #00000021;
    border-right: 1px solid #00000021;
  }

  html.dark .body_panel .acc_info_ table tr {
    border-bottom: 1px solid #00000021;
    border-top: solid 1px #00000021;
  }

  html.dark .body_panel .acc_info_ table a {
    background: var(--primaryColor)
  }

  html.dark .body_panel .acc_info_ table a:hover {
    background: #2a89b3
  }

  html.dark #rcp_subscription_levels li:before, html.dark #rcp_subscription_levels li:after {
    background: var(--bg2);
  }

  html.dark #rcp_subscription_levels li label {
    background: var(--bg2);
    border: solid 1px var(--bg_lighter);
    color: var(--text);
  }

  html.dark #rcp_subscription_levels li label .rcp_price{
    color: var(--text);
  }

  html.dark #rcp_subscription_levels li label .rcp_level_duration{
    background: none;
    color: var(--text);
  }

  html.dark #rcp_subscription_levels li input[type=radio]:checked~label{
    color: #fff;
  }

  html.dark #rcp_subscription_levels li input[type=radio]:checked  span{
    color: #fff;
  }

  html.dark #rcp_subscription_levels li input[type=radio]:checked~label .rcp_price,
  html.dark #rcp_subscription_levels li input[type=radio]:checked~label .rcp_level_duration,
  html.dark #rcp_subscription_levels li input[type=radio]:checked~label .rcp_subscription_level_name {
    color: #fff;
  }

  html.dark #rcp_subscription_levels label:before {
    border-left: 4px dotted #dfdfdf;
  }

  html.dark #rcp_subscription_levels li label .rcp_subscription_level_name {
    color: var(--text);
  }

  html.dark .modal-body {
    background: #ddd;
  }

  html.dark .modal-header {
    color: var(--text);
    background: var(--bg2);
    border-bottom: 1px solid var(--bg_lighter);
    border-radius: 10px;
  }
  html.dark .report_modal .wpcf7-submit{
    background: #12ae40;
    width: auto;
    padding: 5px 15px;
    color: #fff;
    border: none;
  }

  html.dark .acc_info_ .posts a {
    color: var(--text);
  }

  html.dark .acc_info_body .wpcf7-text {
    background: var(--bg2)fff;
    color: var(--text);
    border: solid 1px var(--bg_lighter);
  }

  html.dark .acc_info_body {
    color: var(--text)
  }

  html.dark .acc_info_body .rcp-input {
    background: var(--bg2)fff;
    color: var(--text);
    border: solid 1px var(--bg_lighter);
  }

  html.dark .acc_info_body select {
    background: var(--bg2)fff;
    color: var(--text);
    border: solid 1px var(--bg_lighter);
  }

  /*.manual-register-form{     background: #bfbfbf; color: #000; }*/
  /*.rcp_login_data #rcp_user_login{ background:#919191;color: #000; }*/
  /*.rcp_login_data #rcp_user_pass{ background:#919191;color: #000; }*/
  /*.rcp_lostpassword_data #rcp_user_login{  background:#919191;color: #000;}*/
  /*.rcp-button {margin: 0px 0px;}*/
  /*.register-input{background:#919191;color: #000;  }*/
  html.dark .bg-sexy {
    background: var(--bg) !important;
  }

  html.dark .serial::after {
    background: #a9a9a9;
  }

  html.dark .serial::before {
    background: #dfdfdf;
  }

  html.dark .post_small_title a {
    color: var(--text);
  }

  html.dark .post_small_title a:hover {
    color: var(--text);
  }

  html.dark .search_wrap_index {
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    border-radius: 5px;
  }

  html.dark .featured .featured_item_hover {
    background: rgb(104 129 169 / 75%);
    backdrop-filter: blur(4px);
  }

  html.dark .search_wrap_index h3 {
    color: var(--text);
  }

  html.dark .search_wrap_index .search_filer_box {
    background: #c9c9c9;
  }

  html.dark .collection {
    /* color: var(--text); */
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .imdb_num small {
    color: var(--text)
  }

  html.dark .imdbRating_holder .imdb_num span {
    color: #484848;
  }

  .required-field-message {
    display: none;
  }

  html.dark .internet span {
    color: var(--text);
  }

  html.dark .divider {
    border-color: #c7c7c7;
  }

  html.dark .blog_post .title {
    color: var(--text);
  }

  html.dark .blog_post time {
    color: #9aaecf;
  }

  html.dark .blog_heading {
    color: var(--text);
  }

  .post .post_details p {
    border: none !important;
  }

  html.dark .post2 .last_modified {
    color: #6883ae;
  }

  html.dark .post2 .content {
    background: var(--bg2);
    border: 1px solid var(--bg_lighter);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
  }

  html.dark .post2 .content_inner {
    color: #6883ae;
  }

  html.dark .post .content_inner h1, html.dark .post .content_inner h2, html.dark .post .content_inner h3, html.dark .post .content_inner h4, html.dark .post .content_inner h5, html.dark .post .content_inner h6 {
    color: #6883ae;
  }

  html.dark .post2 h2 {
    color: #6883ae !important;

  }

  html.dark .post2 .content_inner a {
    color: #38ada9;
  }

  html.dark .post2 .section__title {
    background: var(--bg_lighter);
    color: var(--text);
  }

  html.dark .post2 .section__title h3 {
    color: var(--text);
  }

  body {
    background: var(--bg);
    font-family: dana;
    /* direction: rtl; */
    transition: all 0.3s;
    overflow-x: hidden;
  }

  .rtl {
    direction: rtl !important;
    text-align: right !important;
  }

  .ltr{
    direction: ltr !important;
    text-align: left !important;
  }

  div, article, aside {
    transition: width .3s ease-in-out, left 0.3s ease-in-out;
  }

  ::-moz-selection {
    /* Code for Firefox */
    color: var(--text);
    background: var(--primaryColor);
  }

  ::selection {
    color: var(--text);
    background: var(--primaryColor);
  }

  a {
    text-decoration: none;
  }

  .header {
    /* background: #101014; */
    background: var(--bg_darker);
    transition: all 400ms !important;
  }

  .header.sticky{
    position: fixed !important;
    top: 0;
    z-index: 9999999;
    background: var(--stickyHeader) !important;
    transition: all 300ms;
    box-shadow: unset !important;
    backdrop-filter: blur(6px) opacity(1);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    width: 100%;
    border-top: 4px solid var(--primaryColor);
  }

  .header.header_style_2 .panel_button{
    background: var(--bg);
    min-width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    border: solid 1px transparent;
    border-radius: 20px;
    color: var(--text);
    width: auto;
  }

  .panel_button .notification_btn{
    position: relative;
  }

  .notification_btn .count,
  .notification_btn2 .count
  {
    position: absolute;
    right: -6px;
    left: 0;
    top: -7px;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: var(--primaryColor);
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
  }


  .header.header_style_2 .panel_button:hover{
    opacity: .9;
  }

  .header.header_style_2 .wide{
    padding: 0 20px;
    background: var(--primaryColor);
    transition: all .3s;
    font-weight: 600;
    font-size: 14px;
  }

  .header.header_style_2 .wide:hover{
    opacity: .9;
  }

  .header .panel_button {
    background: var(--bg);
    width: 37px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    border: solid 1px transparent;
    border-radius: 30px;
    color: var(--text);
  }

  .header-single {
    background: linear-gradient(to bottom,
    #0000008c 0px,
    transparent) !important;
    box-shadow: unset !important;
    position: absolute;
    top: 0 !important;
    width: 100%;
    z-index: 23; /** fix conflict with search bar*/
  }

  .header .logo {
    color: var(--text);
    font-weight: bold;
    display: inline-block;
    margin: 10px 0;
    white-space: nowrap;
  }

  .header .logo a {
    text-decoration: none;
    color: var(--text);
  }

  .header .logo img {
    width: auto;
    height: 70px;
    position: relative;
    top: -3px;
  }

  .header .top_nav {
    display: inline-block;
    margin: 0 20px;
    font-size: 15px;
    position: relative;
  }

  .header .top_nav li {
    display: inline-block;
    padding: 1px 0px 0px 15px
  }

  .go-left {
    margin-right: auto;
    display: flex;
    gap: 10px;
  }

  .header .menu-item-has-children::after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    color: #c9d0d0;
    font-size: 10px;
    transition: all 0.3s;
  }

  .header .menu-item-has-children:hover:after {
    transform: rotate(180deg);
  }

  .header .top_nav ul {
    padding: 0;
    margin: 0;
  }

  .header .top_nav li a {
    text-decoration: none;
    color: var(--text);
    padding: 10px 0;
  }

  .header .top_nav li a:hover {
    color: var(--text);
  }

  .header .top_nav li ul {
    position: absolute;
    width: 200px;
    background: var(--stickyHeader);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transform-origin: top center;
    z-index: 999;
    top: 50px;
    transform-origin: top center;
    -webkit-transform: rotateY(-10deg);
    -moz-transform: rotateY(-10deg);
    -ms-transform: rotateY(-10deg);
    -o-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
    opacity: 0;
    visibility: hidden;
    padding: 5px;
    transition: all .3s;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #101014e0;
  }

  .header .top_nav li ul:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #101014bd transparent;
    position: absolute;
    top: -6px;
    right: 11px;
  }

  .header .top_nav li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 35px;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .header .top_nav .sub-menu {
    padding: 5px 0;
  }

  .header .top_nav .sub-menu .sub-menu {
    right: 215px;
    margin-top: -35px;
  }
  .header .top_nav li ul li ul:before{
    right: -8px;
    top: 20px;
    transform: rotate(90deg);
  }

  .header .sub-menu .menu-item-has-children::after{
    display: none;
  }

  .float_menu .sub-menu .sub-menu{
    background: var(--bg_darker);
  }


  .header .top_nav .sub-menu li {
    display: block;
    padding: 7px 15px;
    transition: all 0.2s;
    position: relative;
  }

  .header .top_nav .sub-menu li:hover {
    background-color: #0000004a;
  }


  .header .top_nav .sub-menu li a {
    font-size: 13px;
    transition: all 0.3s;
  }

  .header .login {
    float: left;
    margin: 15px 15px;
    font-size: 20px;
    background: var(--bg);
    color: var(--text);
    padding: 2px 7px;
    border-radius: 3px;
    transition: all ease 0.1s;
  }

  .header .login:hover {
    background: #25252d;
  }

  .search_form {
    /* display: inline-block; */
    float: left;
    margin-top: 15px;
    position: relative;
    margin-right: 7px;
  }

  .search_form button {
    border: none;
    background: none;
    position: relative;
    float: left;
    top: -29px;
    left: 5px;
  }

  .search_form i {
    color: var(--text);
  }

  .search_form input {
    background: var(--bg);
    border: none;
    color: var(--text);
    font-size: 14px;
    width: 270px;
    transition: all ease 0.1s;
    border: solid 1px transparent;
    outline: none!important;
    border-radius: 40px;
  }

  .search_form input::placeholder {
    color: var(--text);
  }

  .search_form input:focus {
    /* background: #25252d; */
    color: var(--text);
    box-shadow: none;
    transition: all ease 0.1s;
    outline: none!important;
  }

  #datafetch {
    position: absolute;
    width: 100%;
    background: var(--bg2);
    margin-top: 9px;
    border-radius: 3px;
    padding: 0px;
    font-size: 13px;
    display: none;
    z-index: 999999;
  }

  #datafetch h6 {
    color: var(--text);
    font-size: 14px;
    text-align: center;
    margin-top: 7px;
  }

  #datafetch .search_row {
    border-bottom: solid 1px var(--bg2);
    padding: 7px 8px;
  }

  #datafetch .search_row a {
    color: var(--text);
    font-weight: bold;
  }

  #datafetch .search_row span {
    color: #9b9b9b;
    font-weight: normal;
    display: block;
    padding-top: 3px;
  }

  #datafetch a {
    color: var(--text);
  }

  #datafetch .center {
    text-align: center;
  }

  #datafetch .show_more {
    background: var(--bg);
    padding: 10px;
    display: inline-block;
    margin: 5px;
    border-radius: 3px;
    width: calc(100% - 12px);
    font-size: 12px;
    transition: all ease 0.3s;
  }

  #datafetch .show_more:hover {
    background: var(--bg2);
  }

  /* .tooltip {
    font-family: IRANSans;
  } */

  #login .modal-body {
    margin: 0 auto;
  }

  #login input {
    background: #101014;
    border: none;
    color: var(--text);
    font-size: 15px;
    transition: all ease 0.1s;
  }

  #login .nav-pills .nav-link {
    padding: 10px 90px;
    color: var(--text);
  }

  .login_register {
    display: inline-block;
    margin: 15px 0;
    position: relative;
  }

  .panel_items {
    position: absolute;
    width: 200px;
    background: var(--bg);
    border-radius: 10px;
    margin-top: 4px;
    box-shadow: 0px 0px 15px #101014e0;
    z-index: 12;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 20px 0;
    transition: all 0.2s;
    left: 0;
  }

  .panel_items.active{
    opacity: 1;
    visibility: visible;
    margin-top: 10px!important;
  }

  .panel_items ul {
    margin-bottom: 0;
  }

  .panel_items li:last-of-type {
    border-bottom: none;
  }

  .panel_items li:hover {
    background: var(--bg_lighter);
  }

  .panel_items img {
    width: 32px;
    height: 32px;
    border-radius: 50px;
  }

  .panel_items span {
    display: block;
    font-size: 12px;
    padding: 0 31px 0;
    color: var(--primaryColor);
  }

  .panel_items li {
    list-style: none;
    display: block;
    padding: 5px 0;
    border-bottom: solid 1px var(--bg_lighter);
    transition: all 0.3s;
  }

  /* notification bar */
  .notif_items {
    position: absolute;
    width: 300px;
    background: var(--bg);
    border-radius: 10px;
    margin-top: 4px;
    box-shadow: 0px 0px 15px #101014e0;
    z-index: 12;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin: 20px 0;
    transition: all 0.2s;
    left: -66px;
  }

  .notif_items.active{
    opacity: 1;
    visibility: visible;
    margin-top: 10px!important;
  }

  .notif_items ul{
    padding: 15px;
    margin-bottom: 0;
    font-size: 12px;
  }
  .notif_items ul li{
    color: var(--text);
    list-style: none;
    border-bottom: solid 1px var(--bg_lighter);
    padding: 5px 0;
  }
  .notif_items ul li:last-of-type{
    border: none;
  }
  .notif_items ul li strong{
    font-size: 14px;
  }
  .notif_items ul li span{
    font-size: 13px;
    opacity: .7;
  }
  .notif_items ul li strong i{
    margin-left: 5px;
  }

  .notif_items ul li p {
    opacity: .7;
    margin: 9px 0;
    font-size: 13px;
  }
  .show_all_notifs{
    display: block;
    text-align: center;
    margin: 11px 10px;
    padding: 11px;
    background: var(--primaryColor);
    border-radius: 10px;
    font-size: 13px !important;
    font-weight: 600;
  }
  /* notification bar */

  .bold {
    font-weight: bold !important;
  }

  .panel_items a {
    padding: 4px 9px;
    display: block;
    font-size: 14px !important;
  }

  .panel_items span i {
    position: relative;
    top: 3px;
    font-size: 10px;
    right: 2px;
  }

  .panel_items small {
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
  }

  .login_register a {
    color: var(--text);
    font-size: 15px;
  }

  #login .tab-content {
    color: var(--text);
  }

  #login .modal-header {
    color: var(--text);
    border-bottom: 1px solid #111115;
  }

  #login .modal-content {
    background: var(--bg);
  }

  .featured {
    padding: 120px 0 60px;
    display: block;
    background: var(--bg_darker);
  }

  .featured img {
    display: inline-block;
    border-radius: 10px;
    /* height: 344px; */
    height: auto;
    object-fit: cover;


    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
  }

  .featured .owl-item{
    overflow: hidden;
  }

  .featured .featured_item {
    margin-right: 13px;
    border-radius: 5px;
    /* overflow: hidden; */
    position: relative;
  }

  .featured .featured_item_hover {
    position: absolute;
    top: 0;
    left:0;
    bottom: 0;
    background: rgb(0 0 0 / 70%);
    padding: 15px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .3s;
    border-radius: 9px;
    backdrop-filter: blur(5px);
    transform: scale(1.2);
  }

  .featured .featured_item_hover:hover {
    opacity: 1;
    transform: scale(1.0);
  }

  .featured .featured_item_hover h2 {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
  }

  .featured .featured_item_likes {
    color: #fff;
    font-size: 13px;
    display: block;
    margin: 10px 0;
  }

  .featured .featured_item_imdb {
    border: solid 1px #ffd400;
    color: #ffd400 !important;
    border-radius: 5px;
    padding: 5px 7px 5px;
    text-align: center;
    vertical-align: middle;
    margin: 0 15px;
    font-family: sans-serif;
  }

  .featured .description {
    font-size: 13px;
    font-weight: 200;
    color: #fff;
    margin: 3px 0;
  }

  .featured p {
    color: #fff;
    font-size: 13px;
    padding: 15px 0;
  }

  .featured .owl-nav {
    position: absolute;
    top: 30%;
    right: 0;
    left: 0;
  }

  .featured button.owl-prev .slider_actions,
  .featured button.owl-next .slider_actions {
    position: absolute;
    top: 50%;
    transform: translateY(50%);
    font-family: sans-serif;
    width: 40px;
    height: 40px;
    font-size: 17px;
    font-weight: 300;
    line-height: 0;
    color: var(--text);
    transition: all ease 0.1s;
    background: var(--primaryColor);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .featured button.owl-prev:hover .slider_actions,
  .featured button.owl-next:hover .slider_actions {
    background: #1e1e25;
  }

  .featured .owl-next.disabled {
    opacity: 0;
    visibility: hidden;
  }

  .featured .owl-prev.disabled {
    opacity: 0;
    visibility: hidden;
  }

  .featured .owl-next .slider_actions {
    left: -19px;
  }

  .featured .owl-prev .slider_actions {
    right: -7px;
  }

  .after_fe {
    margin: 30px auto;
    min-height: 500px;
  }


  .after_fe2{
    margin: 50px auto;
    min-height: 500px;
  }

  .post {
    background: var(--bg2);
    color: var(--text);
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0px 0px 13px #10101438;
  }

  .post_controller .post_btn {
    font-size: 19px;
    background: none;
    border: none;
    color: var(--text);
  }

  .post .post_image {
    display: inline-block;
  }

  .post .post_image .post_image--inner {
    position: relative;
  }


  .post_meta--inner {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 0 5px;
  }

  .post .post_image img {
    border-radius: 3px;
    width: 100%;
    min-height: 305px;
    height: auto;
    transition: all ease 0.2s;
    object-fit: cover;
  }

  .post .post_image img:hover {
    filter: contrast(1.1);
  }

  .post .sub_meta i {
    font-size: 20px;
    margin-left: 5px;
    /* margin-top: 4px; */
    line-height: 2rem;
    vertical-align: middle;
  }

  .post .sub_meta {
    width: 100%;
    background: #0d6efd;
    padding: 0 5px;
    margin: 5px 0;
    border-radius: 3px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    width: 30px;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.3s ease;
  }

  .post .about_box {
    margin: 5px 0 0;
  }

  .post .sub_meta:hover {
    width: 100%;
  }

  .meta_def {
    background: #27ae60 !important;
    color: var(--text);
  }

  .meta_imdbtop {
    background: #ffda77 !important;
    color: #25252d !important;
  }

  .meta_double {
    background: #ff5252 !important;
    color: var(--text);
  }

  .meta_custom {
    background: #33a4d5 !important;
    color: #ffffff;
  }

  .post .post_details {
    display: inline-block;
    padding: 2px 10px 0;
  }

  .post .post_blog {
    display: inline-block;
    padding: 10px 20px;
    line-height: 1.8;
  }

  .post .post_blog img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}

  .post .post_details h2 {
    display: flex;
    margin: 10px 0 20px;
  }


  .post .post_blog h2 {
    display: inline-block;
    align-items: center;
  }

  .post .post_details h2 a {
    text-decoration: none;
    color: var(--text);
    font-size: 19px;
    font-weight: bold;
    display: inline-flex;
  }

  .post .post_blog h1 a {
    text-decoration: none;
    color: var(--text);
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
  }

  .post_blog .blog_meta {
    display: block;
  }

  .post_blog .blog_meta i {
    padding: 0 5px;
  }

  .post_blog .blog_meta li {
    display: inline-block;
    list-style: none;
  }

  .legal {
    font-size: 13px;
    color: #33c1ff;
  }

  .legal i {
    width: 15px;
    height: 15px;
    background: #33c1ff;
    border-radius: 50px;
    display: inline-block;
    color: var(--text);
    font-size: 15px;
    margin-right: 12px;
    text-align: center;
  }

  .censored {
    font-size: 13px;
    color: #24b56a;
  }

  .censored i {
    width: 15px;
    height: 15px;
    background: #24b56a;
    border-radius: 50px;
    display: inline-block;
    color: var(--text);
    font-size: 15px;
    margin-right: 12px;
    text-align: center;
  }

  .top250 {
    font-size: 13px;
    color: #efc019;
  }

  .top250 i {
    width: 15px;
    height: 15px;
    background: #efc019;
    border-radius: 50px;
    display: inline-block;
    color: var(--text);
    font-size: 15px;
    margin-right: 12px;
    text-align: center;
  }

  .post .post_meta {
    color: var(--text);
  }

  .post .post_meta i {
    margin-left: 5px;
    font-size: 18px;
    color: var(--text);
  }

  .post .post_meta strong {
    font-size: 15px;
    font-weight: bold;
  }

  ul {
    padding-right: 0px;
    padding-left: 0px;
  }

  .post .post_meta li {
    list-style: none;
    font-weight: 400;
    font-size: 13px;
    background: linear-gradient(277deg, rgb(0 0 0 / 10%), transparent);
    padding: 9px 10px;
    border-radius: 6px;
    margin: 6px 0;
  }

  .post .post_meta li a {
    color: var(--text);
    transition: all ease 0.3s;
    font-weight: 400;
  }

  .post .post_meta li a:hover {
    color: var(--text);
  }

  .post p {
    font-size: 14px;
    background: var(--bg_lighter);
    padding: 7px;
    border-radius: 3px;
  }

  .post .imdb {
    border: solid 1px #ffd400;
    color: #ffd400 !important;
    border-radius: 5px;
    padding: 3px 5px 0px;
    text-align: center;
    vertical-align: middle;
    float: left;
  }

  .post .post_download {
    float: left;
    border-color: var(--primaryColor);
    color: var(--primaryColor);
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .post .post_download:hover {
    background-color: var(--primaryColor);
    color: var(--text);
  }

  .post .post_download i {
    font-size: 18px;
    margin-left: 10px;
    position: relative;
    top: 3px;
  }

  .post_small {
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
    transition: all ease 0.1s;
    cursor: pointer;
  }

  .post_small img {
    width: 100%;
    height: 290px;
    border-radius: 15px;
    object-fit: cover;
  }

  .serial::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 50%;
    width: 80%;
    height: 50%;
    background: #15151b;
    z-index: 1;
    margin-left: -40%;
    transition: all ease 0.5s;
  }

  .serial::after {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    width: 90%;
    height: 50%;
    background: #101015;
    z-index: 2;
    margin-left: -45%;
    transition: all ease 0.3s;
  }

  .post_small_inner {
    position: relative;
  }

  .post_small_inner {
    z-index: 3;
  }

  .serial:hover::before,
  .serial:hover::after {
    top: 10px;
  }

  .post_small_title a {
    color: var(--text);
    font-size: 15px;
    margin: 5px 0;
    display: block;
    transition: all ease 0.3s;
  }

  .post_small_inner a:hover {
    color: var(--text);
  }

  .star_title_c {
    font-size: 17px;
    color: var(--text);
    font-weight: 600;
  }

  .star_title_c span{
    display: block;
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    margin-top: 6px;
  }

  .stars {
    text-align: center;
  }

  .stars img {
    width: 100%;
    height: 196px;
    border-radius: 50% !important;
    transition: all ease 0.2s;
    object-fit: cover;
    background: var(--bg_lighter);
  }

  .stars img:hover {
    filter: contrast(1.2) grayscale(1.3);
  }

  .stars .stars_title {
    margin: 10px 0;
    color: var(--text);
    font-size: 15px;
  }

  .stars .stars_title small {
    color: #cbc9c9
  }

  .widget {
    margin-bottom: 30px;
  }

  .wrapper {
    background: #101014;
    padding: 20px 0;
  }

  .cat_title {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 15px;
  }

  .cat_title_more{
    color: #fff!important;
    font-size: 13px;
    display: flex;
    align-items: center;
    line-height: 0;
    font-weight: 500;
    transition: all .2s;
  }

  .cat_title_more:hover{
    background: none!important;
  }

  .film_cat .genre_meta a{
    border: solid 1px #ddd;
  }
  .film_cat_carousel .owl-item{
    margin-top: 15px;
  }
  .film_cat_carousel_big .owl-item{
    margin-top: 15px;
  }
  .film_cat_carousel .owl-stage{
    padding-right: 0px !important;
  }

  .film_cat_carousel_big .owl-stage{
    padding-right: 0px !important;
  }

  .big_cat_title {
    position: relative;
  }

  .big_cat_title .cat_title{
    flex-direction: column!important;
    margin-top: 40px;
    position: relative;
  }

  .ltr{
    text-align: left;
  }

  .big_cat_title .star_title_c{
    font-size: 26px!important;
  }

  .big_cat_title .star_title_c::before{
    content: '';
    width: 61px;
    height: 2px;
    background: #4051b6;
    position: absolute;
    margin: -8px 2px;
  }

  .big_cat_title .cat_title_badge{
    color: var(--text);
    font-size: 15px;
    margin-bottom: 25px;
    font-weight: 400;
  }

  .big_cat_title .icon{
    position: absolute;
    top: 0;
    right: 0;
    line-height: 0;
    font-size: 120px;
    color: #2a2a3161;
    z-index: -1;
    opacity: .4;
  }


  .cat_title_more i{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--bg_lighter);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
  }

  .cat_title a {
    border-color: var(--primaryColor);
    color: var(--primaryColor);
  }

  .cat_title a:hover {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
  }

  .film_cat {
    text-align: right;
    margin-bottom: 20px;
    position: relative;
    /* overflow: hidden; */
    transition: all 0.3s;
  }
  .film_cat .position-relative::before{
    content: '';
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.56));
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
  }
  .imdbRate_overlay{
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: sans-serif;
    color: var(--text);
    width: 100%;
    padding: 10px;
  }

  .imdbRate_overlay span{
    font-size: 20px;
    font-weight: 500;
  }

  .imdbRate_overlay .rotten{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #eb8307;
    fill: #eb8307;
    background: #000000b3;
    backdrop-filter: blur(2px);
    border-radius: 10px;
    padding: 5px;
    font-weight: 400;
    font-size: 13px;
    padding: 5px 6px;
    transition: all .3s;
  }
  .imdbRate_overlay .rotten svg{
    width: 17px;
    height: 17px;
    margin-left: 5px;
    line-height: 0;
  }

  .film_cat .film_overlay{
    position: absolute;
    top: -15px;
    right: 50%;
    transform: translateX(50%);
    transition: all .3s;
    white-space: nowrap;
    z-index: 2;
  }

  .film_cat .film_overlay .dobed{
    background: #3f51b5;
    font-size: 12px;
    border: solid 4px var(--bg);
    border-radius: 50px;
    text-align: center;
    padding: 5px 11px;
    margin: 0 5px;
    display: flex;
    color: #f3f3f3;
    font-weight: 500;
  }
  .film_cat .film_overlay .censored{
    background: #eb8307;
    font-size: 12px;
    border: solid 4px var(--bg);
    border-radius: 50px;
    text-align: center;
    padding: 5px 11px;
    margin: 0 5px;
    display: flex;
    color: #f3f3f3;
    font-weight: 500;
  }
  .film_cat .film_overlay .sub{
    background: #ec3a3a;
    font-size: 12px;
    border: solid 4px var(--bg);
    border-radius: 50px;
    text-align: center;
    padding: 5px 11px;
    margin: 0 5px;
    display: flex;
    color: #f3f3f3;
    font-weight: 500;
  }


  .film_cat .film_overlay2 {
      width: 100%;
      height: 90%;
      background: rgb(0 0 0 / 70%);
      right: 0;
      top: 0;
      border-radius: 15px 15px 0px 0px;
      display: flex;
      flex-direction: column-reverse;
      padding: 10px;
      opacity: 0;
      visibility: hidden;
      transition: all .3s;
  }

  .film_overlay2_meta{
    color: var(--text);
    font-size: 14px;
    padding: 3px 0;
    text-align: center;
  }


  .genre_meta span{
    display: inline-block;
    border: solid 1px rgb(120 120 120 / 40%);
    border-radius: 10px;
    padding: 4px;
    line-height: 1.2rem;
    white-space: pre-wrap;
    margin: 5px 2px;
    color: #e2e2e2;
  }


  .film_overlay2_meta img{
    width: 29px!important;
    height: 12px!important;
    border-radius: 0!important;
    display: inline-block!important;
  }
  .secondary_:hover .film_overlay2{
    visibility: visible;
    opacity: 1;
  }

  .secondary_ .film_overlay2{
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 63%);
    right: 0;
    top: 0;
    border-radius: 5px;
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column-reverse;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
  }


  .film_cat:hover .film_overlay2{
    visibility: visible;
    opacity: 1;
  }

  .film_cat img {
    width: 100%;
    /* height: auto; */
    /* max-height: 270px; */
    height: 100%;
    object-fit: cover;
    transition: all ease 0.2s;
    border-radius: 15px !important;
    aspect-ratio: 2/3;
  }

  .film_cat .imdb-c {
    color: #f5c518;
  }


  .film_cat_title {
    margin: 5px 0;
    color: var(--text);
    font-size: 14px;
  }

  .film_cat_title2 {
    margin: 5px 0;
    color: var(--text);
    font-size: 14px;
  }

  .cat_link,
  .cat_name {
    display: none;
  }

  .widget-bg {
    background: var(--bg2);
    /* padding: 10px; */
    border-radius: 10px;
    box-shadow: 0px 0px 13px #10101438;
  }

  .widget .widget_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .widget .widget_title h3 {
    font-size: 16px;
    color: var(--text);
    display: inline-block;
  }

  .widget .widget_title h3 i {
    margin-left: 5px;
    position: relative;
    top: 2px;
  }

  .widget .widget_title a {
    text-decoration: none;
    color: var(--text);
    font-size: 13px;
    border-radius: 5px;
    transition: all .3s;
    padding: 2px 5px;
  }
  .widget .widget_title a:hover {
    background: var(--primaryColor);
  }

  .widget .widget_inner {
    margin-top: 15px;
  }
  .widget-bg .widget_inner {
    padding: 10px;
  }

  .widget .widget_inner .update_info {
    position: absolute;
    bottom: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(0 0 0 / 78%) 42%, var(--bg2) 100%);
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    width: 100%;
    transition: all 0.2s;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .update_info span, .update_info .txt_flow {
    z-index: 3;
    position: relative;
  }

  .widget .widget_inner .update_info::before {
    content: '';
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(0 0 0 / 78%) 42%, rgba(0,0,0,1) 100%);
    opacity: 0;
    transition: all .3s;
    width: 100%;
    position: absolute;
    height: 100%;
    right: 0;
    z-index: 2;
  }

  .widget .update:hover .update_info::before {
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(0 0 0 / 78%) 42%, rgba(0,0,0,1) 100%);
    opacity: 1;
  }

  .widget .update:hover img {
    transform: scale(1.1) !important;
  }

  .widget .update {
    position: relative;
    margin-bottom: 10px;
    transition: all 0.2s;
    border-radius: 8px;
    overflow: hidden;
  }

  .widget .update img {
    width: 100%;
    height: 90px;
    object-fit: cover;
    transition:  all .3s;
    border-radius: 3px !important;
  }

  .widget .widget_inner .update_info span {
    padding: 3px 0px;
    font-size: 12px;
    color: #b3b3b3;
    border-radius: 3px !important;
  }



  .widget .nav-link {
    padding: 2px 10px;
    font-size: 13px;
    color: var(--text);
  }

  .widget .nav-link.active {
    color: #fff !important;
  }

  .wid .widget .nav-pills .nav-link.active,
  .nav-pills .show>.nav-link {
    background: var(--primaryColor);
  }

  .widget_inner .genre {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .widget_inner .genre li {
   display: flex;
    list-style: none;
    color: #cad0d0;
    font-size: 13px;
    padding: 9px;
    background: var(--bg_lighter2);
    border-radius: 5px;
    width: 100%;
    margin-bottom: 7px;
    transition: all ease 0.1s;
    cursor: pointer;
    flex-basis: 49%;
    justify-content: space-between;
    flex-direction: row;
  }

  .widget.style2 .update{
    text-align: center;
  }

  .widget_inner .genre li:hover {
    background: var(--bg_lighter);
  }

  .widget_inner .genre li a {
    color: var(--text);
  }

  .widget_inner .genre li span {
    float: left;
    background: var(--bg2);
    border-radius: 3px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    width: 20px;
    height: 20px;
  }

  .instagram_b {
    background: radial-gradient(circle at 30% 107%,
        #fdf497 0%,
        #fdf497 5%,
        #fd5949 45%,
        #d6249f 60%,
        #285aeb 90%);
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    margin: 0 0 10px;
  }

  .instagram_b a {
    color: #fff;
  }

  .instagram_b i {
    font-size: 18px;
    position: relative;
    top: 3px;
  }

  .left {
    float: left;
  }

  .telegram_b {
    background: linear-gradient(170deg, #0088CC, #00aaff);
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .telegram_b a {
    color: #fff;
  }

  .telegram_b i {
    font-size: 18px;
    position: relative;
    top: 3px;
  }

  .mobile_b {
    background: linear-gradient(157deg, #32DE84, #075e36);
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    transition: all 0.3s;
  }

  .mobile_b .bi-cloud-download {
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(30px);
  }

  .telegram_b:hover .bi-chevron-double-left {
    opacity: 1;
    transform: translateX(0px);
  }

  .telegram_b .bi-chevron-double-left {
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(30px);
  }

  .instagram_b:hover .bi-chevron-double-left {
    opacity: 1;
    transform: translateX(0px);
  }

  .instagram_b .bi-chevron-double-left {
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(30px);
  }

  .mobile_b:hover .bi-cloud-download {
    opacity: 1;
    transform: translateX(0px);
  }

  .mobile_b a {
    color: #fff;
  }

  .mobile_b i {
    font-size: 18px;
    position: relative;
    top: 3px;
  }

  .footer {
    background: var(--bg_darker);
    padding: 20px 0 0;
  }

  .footer .about {
    display: flex;
    flex-direction: column;
  }

  .footer .about p {
    color: var(--text);
    padding: 10px 0;
    font-size: 15px;
    text-align: justify;
  }

  .footer .logo {
    color: var(--text);
    font-weight: bold;
    display: inline-block;
  }

  .footer .logo a {
    text-decoration: none;
    color: var(--text);
  }

  .footer .logo img {
    width: auto;
    height: 40px;
  }

  .footer .links li {
    list-style: none;
    font-size: 14px;
    padding: 6px 0;
  }

  .footer .links li:before {
    content: '';
    width: 5px;
    height: 5px;
    background: var(--primaryColor);
    position: relative;
    top: 0;
    margin-left: 5px;
    display: inline-block;
    transition: all .3s;
  }

  .footer .links li:hover:before{
    width: 8px;
  }

  .footer .links li a {
    color: var(--text);
    font-weight: normal;
    padding: 2px;
  }

  .footer .links h3 {
    font-size: 15px;
    font-weight: bold;
    color: var(--text);
  }

  .footer .links h3 i {
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-left: 5px;
  }

  .footer .social h3 {
    font-size: 15px;
    font-weight: bold;
    color: var(--text);
  }

  .footer .social h3 i {
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-left: 5px;
  }

  .social ul {
    margin: 0 0 20px;
  }
  .social a{
    color: #fff;
  }

  .social li {
    list-style: none;
    font-size: 17px;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    transition: all ease-in-out 0.3s;
    display: inline-block;
  }

  .social li:hover {
    box-shadow: inset 0 0 0 30px rgb(0 0 0 / 30%);
  }

  .instagram {
    background: #e4405f;
  }

  .whatsapp {
    background: #25d366;
  }

  .telegram {
    background: #0088cc;
  }

  .youtube {
    background: #cd201f;
  }

  .discord {
    background: #7289da;
  }

  .skype {
    background: #00aff0;
  }

  .facebook {
    background: #1877f2;
  }

  .twitter {
    background: #0f141a;
  }

  .social li a {
    color: #fff;
  }

  .copyright {
    display: flex;
    background: var(--bg_darker2);
    color: var(--text);
    font-size: 13px;
    padding: 10px;
  }

  .fix {
    position: fixed!important;
    z-index: 9999;
    width: 100%;
    background: linear-gradient(to bottom,
        rgba(0, 0, 0, 0.7) 0px,
        rgba(0, 0, 0, 0.7)) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px);
    top: 0 !important;
    /* height: 70px; */
  }

  .fix0 {
    top: -100px;
    transition: all 400ms;
    /* position: sticky; */
    z-index: 999999;
  }



  .top-fixed-now {
    position: fixed !important;
    transition: all 400ms;
    top: 0px !important;
  }

  .top-fixed-now0 {
    top: -100px;
    transition: all 400ms;
  }

  .post_header {
    position: relative;
    background-size: 100% auto;
    background: #111;
    overflow: hidden;
    color: #cbcfd3;
  }

  .post_header_cover {
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
    opacity: 0.4;
    transform: scale(1);
    top: 0;
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  .post_header_dark {
    position: absolute;
    right: 0;
    left: -10px;
    height: 100%;
    opacity: 1;
    top: 0;
    background: linear-gradient(to bottom, transparent 0%, #101014 470px);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
  }

  .post_header_content {
    z-index: 1;
    padding: 100px 0 30px;
  }

  .z-index-2 {
    z-index: 2;
  }

  .post_cover {
    position: relative;
  }

  .post_cover img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: contain;
  }

  .post_header_meta {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
    font-size: 14px;
    margin-right: 15px;
  }

  .post_header_meta a {
    color: #dddddd;
    transition: all 0.3s
  }

  .post_header_meta a:hover {
    color: var(--text);
  }

  .post_header_meta .vr {
    position: relative;
    top: 4px;
  }

  .post_meta_i .imdbb {
    margin-left: 20px;
  }

  .post_meta_i .icon {
    background: #89d64f;
    width: 34px;
    height: 34px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    position: relative;
    top: -4px;
  }

  .post_meta_i .icon i {
    position: relative;
    top: 9px;
    font-size: 15px;
  }

  .post_header_info h1 {
    display: block;
    font-size: 19px;
    font-weight: bold;
    color: var(--text);
    margin-bottom: 15px;
  }

  .p-t-20 {
    padding-top: 20px;
  }

  .imdb-svg {
    width: 34px;
    height: 34px;
  }

  .fw-bold {
    font-size: 15px;
    color: #fff;
  }

  .m-b-30 {
    margin-bottom: 30px;
  }

  .actor {
    margin-bottom: 10px;
  }

  .post_like {
    margin-right: 5px;
    margin-top: 20px;
  }

  .post_like .btn {
    background: rgba(250, 250, 250, 0.125);
    border: none;
    color: #c7c3c3;
    font-size: 13px;
    padding: 11px;
    margin: 15px 0px;
    outline: none;
  }

  .post_like .btn i {
    font-size: 15px;
    color: #f7f7f7;
  }

  .post_content {
    margin: 30px 0;
  }

  .post-content-title {
    font-size: 17px;
    font-weight: bold;
    color: var(--text);
  }

  .post-content-title i {
    color: var(--text);
    margin-left: 5px;
  }

  .post-content-more {
    color: var(--text);
    font-size: 14px;
    font-weight: 500;
    opacity: .8;
  }

  .divider {
    border-bottom: solid 1px var(--bg_lighter2);
  }

  .m-t-10 {
    margin-top: 10px;
  }

  .m-t-20 {
    margin-top: 10px;
  }

  .age_y {
    color: #ffc107;
    display: inline-flex;
  }

  .mobile_menu_icon {
    display: none;
    color: var(--text);
    font-size: 23px;
    float: right;
    position: absolute;
    cursor: pointer;
    transition: all ease 0.1s;
  }

  .mobile_search_icon {
    color: var(--text);
    font-size: 18px;
    position: absolute;
    margin: 15px 0 0;
    cursor: pointer;
    transition: all ease 0.1s;
    left: 15px;
    top: 5px;
    display: none;
  }

  .mobile_search_icon .mobile_notif_icon{
    font-size: 20px;
    margin-left: 10px;
    position: relative;
    top: 1px;
    color: var(--text);
  }
  .mobile_search_icon .mobile_notif_icon .count_mobile{
    position: absolute;
    right: -8px;
    left: 0;
    top: -5px;
    width: 15px;
    height: 15px;
    border-radius: 5px;
    background: var(--primaryColor);
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border-radius: 50%;
    font-weight: bold;
  }

  .mobile_menu_icon:hover {
    color: #cad0d0;
  }

  .float_menu {
    background: var(--bg);
    right: -240px;
    top: 82px;
    height: 100%;
    width: 70%;
    transition: 0.6s;
    overflow-y: hidden;
    overflow-x: visible;
    z-index: 99999999999999999999999999999999;
    position: fixed;
    top: 0;
    right: -100%;
    display: flex;
    flex-direction: column;
  }

  .float_menu .menunav {
    overflow: auto !important;
  }

  .float_menu__cta{
    background: var(--bg2);
    width: 100%;
    margin-top: 20px;
    bottom: calc(env(safe-area-inset-bottom) + 0px);
    position: absolute;
  }

  .comfort-slider .film_cat img{
    max-height: unset !important;
  }

  .float_menu .theme_switch_btn{
    display: flex;
    margin: 10px;
    justify-content: space-around;
  }
  .float_menu .theme_switch_btn button{
    background: none;
    position: relative;
    border: solid 2px var(--primaryColor);
    color: var(--primaryColor);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .float_menu .notif_switch_btn a
  {
    background: none;
    position: relative;
    border: solid 2px var(--primaryColor);
    color: var(--primaryColor);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .float_menu .notif_switch_btn{
    display: flex;
    margin: 10px;
    justify-content: space-around;
  }
  .notif_switch_btn a .count
  {
    border-radius: 50px;
    color: #fff!important;
  }

  .float_menu .logo {
    color: var(--text);
    font-weight: bold;
    display: block;
    margin: 20px 0;
    text-align: center;
  }

  .float_menu .logo a {
    text-decoration: none;
    color: var(--text);
  }

  .float_menu .logo img {
      width: 130px;
      height: 70px;
  }

  .float_menu li {
    display: block;
    border-bottom: solid 1px var(--bg2);
    position: relative;
  }

  .float_menu .menu-item-has-children::after,
  .float_menu .menu-item-has-children::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    left: 15px;
    top: 23px;
    border-radius: 3px;
    background: #ccc;
  }

  .float_menu li::before {
    transform: scale(1) rotate(90deg);
    transition: all 500ms;
  }

  .float_menu li.child-minus::before {
    transform: scale(0) rotate(90deg);
    transition: all 500ms;
  }

  .float_menu li a {
    color: #ccc;
    font-size: 14px;
    padding: 13px;
    display: block;
    transition: all ease 0.5s;
  }

  .float_menu li a:hover {
    color: var(--text);
  }

  .float_menu .sub-menu li {
    border-bottom: none;
  }

  .float_menu .sub-menu li:after,
  .float_menu .sub-menu li:before {
    display: none;
  }

  .float_menu .sub-menu {
    background: var(--bg2);
  }

  .float_menu_holder {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: rgb(0 0 0 / 32%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  .mobile_search {
    display: flex;
    position: absolute;
    z-index: 4;
    background: var(--bg);
    width: 100%;
    visibility: hidden;
    top: -100px;
    transition: all ease 0.3s;
  }

  .mobile_search.active {
    top: 0;
    visibility: visible;
  }

  .mobile_search button {
    color: #6c7471;
    position: absolute;
    top: 15px;
    left: -5px;
    border: none;
    background: none;
    float: left;
  }

  .mobile_search #searchform {
    width: 80%;
    position: relative;
  }

  .mobile_search input {
    background: var(--bg);
    border: none;
    color: var(--text);
    font-size: 15px;
    width: 100%;
    transition: all ease 0.1s;
    margin: 10px 10px 10px 0px;
  }

  .mobile_search .close_mobile {
    color: var(--primaryColor);
    font-size: 14px;
    margin: 15px 15px 15px 5px;
    cursor: pointer;
  }

  .mobile_search input:focus {
    background: #25252d;
    color: var(--text);
    box-shadow: none;
    transition: all ease 0.1s;
  }

  .m-b-10 {
    margin-bottom: 10px;
  }

  .download_section {
    margin-bottom: 25px;
  }

  .download_inner {
    background: var(--bg2);
    color: var(--text);
    padding: 10px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 0px 13px #10101438;
  }

  .download_section .download_item {
    background: var(--bg_lighter);
    margin: 10px;
    padding: 20px;
    border-radius: 3px;
    font-size: 13px;
    color: var(--text);
    border-right: solid 4px var(--bg_darker);
  }

  .serial-darker{
    background: var(--bg_darker) !important;
    color: #fff !important;
  }

  .internet {
    display: flex;
  }

  .internet i {
    color: #ffc107;
    font-size: 20px;
    margin-left: 6px;
  }

  .internet span {
    color: var(--text);
    font-size: 13px;
    display: inline-block;
    margin: 3px 0;
  }

  .download_section .download_item .badge-v {
    color: #aa7df2;
    background-color: rgb(170 125 242 / 14%);
    font-size: 12px;
    padding: 2px 7px;
    border-radius: 3px;
    display: inline-block;
  }

  .download_section .download_item .align-left {
    float: left;
    display: flex;
    align-items: center;
  }

  .download_section .download_item .align-right {
    float: right;
  }

  .download_section .download_item .download_info {
    display: inline-block;
    margin-top: 14px;
    font-size: 14px;
  }

  .download_section .download_item .download_info span {
    margin: 0 1px;
    font-weight: bold;
    font-size: 13px;
  }

  .text-green {
    color: #89d64f !important;
  }

  .new {
    border: solid 1px #FF7555;
    padding: 0 6px 1px;
    border-radius: 5px;
    text-align: center;
    color: #FF7555;
    font-size: 13px;
    font-weight: normal;
  }

  .download_section .download_item .button {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 7px 15px 8px;
    font-size: 14px;
    line-height: 2;
    border-radius: 3px;
    margin: 0 3px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }


  .download_section .download_item .button_online {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    color: #ffc107;
    background: rgb(255 193 7 / 15%);
    padding: 6.2px;
    font-size: 14px;
    line-height: 2;
    border-radius: 3px;
    margin: 0 3px;
    transition: all 0.3s;
    overflow: hidden;
    position: relative;
  }

  .button-green {
    color: #fff;
    background-color: rgb(18 174 64 / 15%);
    color: #12ae40;
    stroke: #12ae40;
  }

  .button-green:hover {
    background-color: #108f35;
    color: #fff;
    stroke: #fff;
  }
  .dl_icon{
    width: 22px;
    height: 22px;
    margin-left: 6px;
    display: inline-flex;
    align-items: center;
  }

  .button-blue {
    color: #fff;
    background: rgb(64 80 181 / 15%)!important;
    color: rgb(64 80 181)!important;
    stroke: rgb(64 80 181)!important;
  }

  .button-blue:hover {
    background-color: rgb(64 80 181) !important;
    color: #fff !important;
    stroke: #fff!important;
  }

  .button-orange {
    color: #fff;
    background-color: rgb(0 214 158 / 15%) !important;
    color: #00d69e !important;
    stroke: #00d69e!important;
  }

  .button-orange:hover {
    background-color: #00d69e !important;
    color: #fff !important;
    stroke: #fff!important;
  }

  .nav-link {
    border: none !important;
    color: #c0c5c9 !important;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 50px;
    border-radius: 50px !important;
  }

  .download_inner .tab-content {
    background: var(--bg);
    padding: 5px;
  }

  .serial-item {
    background: var(--bg2) !important;
    border-right: solid 4px var(--bg);
  }

  .serial-dl-info {
    margin-top: 15px !important;
  }

  .download_inner .nav-link {
    border-radius: 5px 5px 0 0 !important;
  }
  .download_inner .nav-link.active {
    color: #c0c5c9 !important;
    background-color: var(--bg) !important;
    border: none !important;
    border-radius: 5px 5px 0 0 !important;
  }

  .download_inner.nav-link:hover {
    border: none !important;
  }

  .download_inner .nav-tabs {
    border-bottom: none;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
  }

  .related_films {
    margin-bottom: 25px;
  }

  .related_film_item {
    background: var(--bg2);
    border-radius: 5px;
    transition: all ease 0.3s;
    margin-bottom: 15px;
    box-shadow: 0px 0px 13px #10101438;
  }

  .related_film_item:hover {
    background: var(--bg_lighter);
  }

  .related_film_item:hover.related_film_item img {
    filter: contrast(1.2);
  }

  .related_film_item img {
    width: 100%;
    height: auto;
    padding: 10px;
    border-radius: 15px !important;
    transition: all ease 0.3s;
    object-fit: cover;
  }

  .related_film_item h5 {
    padding: 0 14px;
    font-size: 13px;
    font-weight: 400;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .related_films_title {
    margin: 10px 0;
  }

  .related_films_title i {
    color: var(--text);
    font-size: 18px;
  }

  .related_films_title h4 {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    color: var(--text);
  }

  .comments {
    margin-bottom: 25px;
  }

  .comments_title {
    margin: 10px 0;
  }

  .comments_title i {
    color: var(--text);
    font-size: 18px;
  }

  .comments_title h4 {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    color: var(--text);
  }

  .comments_inner {
    /*background: var(--bg2);*/
    color: var(--text);
  }

  .comment a {
    color: var(--text);
  }


  .comment-list .vcard cite.fn {
    display: inline-block;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    color: var(--text);
  }

  .comment-notes {
    display: none;
  }

  .comment-form-comment label {
    display: none;
  }

  .comment-form .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 2;
    font-weight: 500;
    color: #8e939b;
    background-color: var(--bg2);
    background-clip: padding-box;
    border: 0 solid #ced4da;
    border-radius: 3px;
    box-shadow: 0 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .form-control:focus {
    background: var(--bg2);
  }

  .form-submit {
    width: calc(14% - 32px);
    display: inline-block;
  }

  .form-submit .submit {
    display: block;
    border: none;
    text-align: center;
    width: 100%;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    padding: 7px 22px 8px;
    font-size: 14px;
    background: #89d64f;
    line-height: 2;
    border-radius: 3px;
    transition: all ease 0.3s;
    font-weight: 500;
  }

  .form-submit .submit:hover {
    background: #639b39;
  }

  .comment-form-cookies-consent {
    display: none;
  }

  .comment-text {
    margin: 15px 0 15px 0;
  }

  .comment-name,
  .comment-email {
    width: 100%;
    /* margin: 0 0 15px 10px; */
  }

  .logged-in-as {
    margin: 0;
  }

  .logged-in-as a {
    color: var(--text);
    font-size: 14px;
  }

  .comment-form-author label {
    display: none;
  }

  .comment-form-email label {
    display: none;
  }

  .comment-list .vcard span.says {
    display: none;
  }

  .comment-list .vcard img.avatar {
    width: 27px;
    height: 27px;
    border-radius: 50%;
  }

  cite::before {
    content: "";
  }

  .comment-list .vcard cite.fn a.url {
    color: var(--text);
  }

  .comment-list .comment-meta a {
    color: var(--text);
    font-size: 13px;
    border-radius: 9px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-weight: 200;
  }

  .comment-list .commentmetadata {
    display: block;
    text-align: center;
    width: 100%;
  }
  .comment-list{
    margin: 20px  0 !important;
  }

  .comment-list .comment {
    padding: 15px;
    background: var(--bg2);
    margin: 10px 0;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
  }

  .comment-list {
    padding: 0;
  }

  .comment-list li {
    list-style: none;
  }

  .comment-list li p {
    margin-top: 15px;
    color: var(--text);
    font-weight: 300;
    font-size: 15px;
    opacity: .8;
  }

  .comment-list li ul.children li.byuser {
    padding: 10px;
  }

  .comment-list li ul.children li.comment {
    background: var(--bg);
    margin: 10px 0px;
    border-radius: 5px;
  }

  #reply-title {
    font-size: 18px;
    margin: 10px 0 20px;
    font-weight: bold;
  }

  #cancel-comment-reply-link {
    margin-right: 10px;
    font-size: 12px;
    background: #2f2f3a;
    border-radius: 3px;
    padding: 3px 5px 3px 9px;
    position: relative;
    top: -2px;
    transition: all ease 0.3s;
    color: #ff7555;
  }

  #cancel-comment-reply-link i {
    position: relative;
    top: 1px;
    margin-left: 3px;
    font-size: 12px;
    color: #ff7555;
  }

  #cancel-comment-reply-link:hover {
    background: #17171c;
  }


  .reply {
    display: inline-block;
    /* background: var(--primaryColor); */
    padding: 2px 7px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: all ease 0.3s;
    font-weight: bold;

    background: transparent !important;
    border: solid 1px var(--primaryColor);
    padding: 8px 25px;
    font-weight: 300;
    font-size: 14px;
    border-radius: 15px;
  }

  .reply:hover {
    background: var(--primaryColor) !important;
  }

  .reply a {
    color: var(--text);
  }
  .reply a:hover{
    color: #fff !important;
  }


  .comment em {
    font-size: 12px;
  }

  .comment #respond {
    background: var(--bg);
    padding: 15px;
    border-radius: 5px;
    margin: 15px 0 0;
  }

  .comment #reply-title {
    margin: 0 0 15px 0;
  }

  small {
    font-size: 12px;
  }

  .float_left {
    float: left;
  }

  .video_tag {
    border: solid 1px #ff7555;
    padding: 4px 7px;
    border-radius: 3px;
    color: #ff7555;
    font-size: 13px;
    margin-top: -7px;
  }

  .farsi {
    border: solid 1px #89d64f;
    color: #89d64f !important;
  }

  .imdb {
    border: solid 1px #ffc107;
    color: #ffc107 !important;
  }

  .container-single {
    max-width: 1230px;
  }

  .pagination {
    background: var(--bg2);
    text-align: center;
    color: #ffff;
    display: block;
    padding: 10px;
    margin: 15px 0;
    border-radius: 5px;
  }

  .pagination a {
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    padding-top: 6px;
    background: var(--bg);
    border-radius: 3px;
    color: var(--text);
    font-size: 14px;
    transition: all ease 0.3s;
  }

  .pagination a:hover {
    background: var(--primaryColor);
    color: var(--text);
  }

  .pagination .dots {
    background: var(--bg);
  }

  .pagination .page-numbers {
    margin: 0 2px;
  }

  .pagination span {
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    padding-top: 6px;
    background: var(--primaryColor);
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
  }

  .pagination .next,
  .pagination .prev {
    padding: 6px 11px;
    width: auto;
    font-size: 14px;
  }

  .stars_page h1 {
    color: var(--text);
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .stars_page p {
    color: var(--text);
    font-size: 14px;
  }

  .stars_page img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    object-fit: cover;
    aspect-ratio: 3 / 3;
  }

  .actor-works {
    margin-top: 50px;
  }

  .actor-works h2 {
    font-size: 16px;
    color: var(--text);
    font-weight: bold;
    margin: 0 6px 15px 0;
  }

  .pld-like-dislike-wrap .pld-common-wrap {
    background: rgba(250, 250, 250, 0.125);
    border: none;
    color: #c7c3c3;
    font-size: 13px;
    padding: 11px;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    outline: none;
    border-radius: 5px;
    /* margin: 0 !important; */
  }

  .pld-like-wrap {
    margin: 0 !important;
  }

  .pld-dislike-wrap {
    margin-right: 5px !important;
  }

  .pld-like-wrap.liked {
    color: #89d64f !important;
  }

  .pld-dislike-wrap.disliked {
    color: #ff7555 !important;
  }

  .pld-like-wrap.liked a {
    color: #89d64f !important;
  }

  .pld-dislike-wrap.disliked a {
    color: #ff7555 !important;
  }

  .pld-like-trigger,
  .pld-dislike-trigger {
    color: #f7f7f7;
    float: left;
  }

  .pld-like-trigger:hover,
  .pld-dislike-trigger:hover {
    color: #f7f7f7;
  }

  .pld-like-dislike-wrap {
    margin-bottom: 0 !important;
  }

  .cld-like-dislike-wrap {
    margin-bottom: 0px !important;
    float: left;
    font-size: 14px;
  }

  .cld-like-wrap a {
    color: #89d64f !important;
  }

  .cld-dislike-wrap a {
    color: #ff7555 !important;
  }

  .cld-count-wrap {
    font-size: 13px;
    color: #c7c3c3;
  }

  .cld-dislike-trigger i {
    position: relative;
    top: 5px;
  }

  .download_inner .tab-pane.active {
    animation: slide-down 0.4s ease-out;
  }

  @keyframes slide-down {
    0% {
      opacity: 0;
      transform: translateY(100%);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .category_title {
    margin-bottom: 15px;
  }

  .category_title h3 {
    font-size: 18px;
    color: var(--text);
    display: inline-block;
  }

  .category_title h1 {
    font-size: 18px;
    color: var(--text);
    display: inline-block;
  }

  .category_title i {
    position: relative;
    top: 2px;
    margin-left: 4px;
  }

  .serial_link {
    display: none;
  }

  .post_page p {
    background: none;
  }

  .post_page a {
    color: var(--text);
  }

  .post_page a:hover {
    color: #979797;
  }

  blockquote {
    background: var(--bg_lighter);
    border-left: 10px solid #101014;
    margin: 1.5em 10px;
    padding: 0.8em 10px;
    border-radius: 10px;
  }
  .content blockquote{
    background: var(--bg);
  }

  blockquote:before {
    color: #ccc;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
  }

  blockquote p {
    display: inline;
  }

  html.dark blockquote{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .casual_single__bg{
    z-index: 1;
  }

  html.dark .single_hero .container{
    position: relative;
    z-index: 2;
  }

  .widget-wp ul {
    padding: 10px;
  }

  .widget-wp li {
    list-style: none;
    display: block;
    color: #cad0d0;
  }

  .widget-wp li:before {
    content: "\f053";
    font-family: "Font Awesome 6 Pro";
    color: #2da7e0;
    position: relative;
    top: 3px;
    margin-left: 10px;
  }

  .widget-wp li a {
    color: #cad0d0;
    font-size: 14px;
    transition: all ease 0.3s;
  }

  .widget-wp li a:hover {
    color: #afafaf;
  }

  .widget-wp #recentcomments li:before {
    content: "";
  }

  .widget-wp #recentcomments li {
    padding: 2px 0;
    font-size: 14px;
  }

  .widget-wp #recentcomments li:before {
    content: "\f230";
    font-family: bootstrap-icons !important;
    color: #2da7e0;
    margin-left: 2px;
    margin-top: -3px;
    float: right;
  }

  .widget-wp {
    color: #cad0d0;
  }

  .widget-wp .wp-calendar-table {
    width: 100%;
    margin: 10px;
    font-size: 14px;
  }

  .widget-wp .wp-calendar-table a {
    color: #cad0d0;
  }

  .widget-wp .wp-calendar-table a:hover {
    color: #afafaf;
  }

  .widget-wp .form-control {
    background: var(--bg);
    border: none;
    color: var(--text);
    font-size: 15px;
    width: 100%;
    transition: all ease 0.1s;
  }

  .widget-wp .submit {
    border: none;
    background: none;
    position: relative;
    float: left;
    top: -29px;
    left: 3px;
    color: #818181;
  }

  .widget-wp #searchform {
    margin: 15px 0 10px;
  }

  .widget-wp img {
    display: block;
    margin: 10px auto;
  }

  .widget-wp .tagcloud a {
    font-size: 14px !important;
    color: #cad0d0;
  }

  .select_tabs span {
    padding: 5px 8px;
    border-radius: 4px;
    margin-right: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 13px;
    padding-left: 23px;
    border: 1px solid #e7e7e7;
    background: transparent url("images/unchecked.png") no-repeat 6px 6px;
  }

  .select_tabs span.active {
    border: 1px solid #d5e4ed;
    background: #d5e4ed url("images/checked.png") no-repeat 6px 6px;
  }

  .advanced_search_tab {
    background: var(--bg2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
    box-shadow: 0px 0px 13px #10101438;
  }

  .advanced_search_tab a {
    color: var(--text);
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
    width: 50%;
    text-align: center;
    z-index: 2;
    white-space: nowrap;
  }

  .sidebar_active {
    background: var(--bg_lighter2);
    border-radius: 3px;
    width: 47.2%;
    content: "";
    display: block;
    right: 8px;
    height: 45px;
    position: absolute;
    transition: all 400ms;
    border-radius: 4px;
  }

  .show_toggle{
    left: 13px;
    width: 35px;
    height: 35px;
    background: #3096c3;
    color: var(--text);
    border: none;
    outline: none;
    border-radius: 0 0 5px 5px;
    font-size: 20px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .search_wrap_index {
    display: block;
    background: var(--bg2);
    color: var(--text);
    display: none;
  }
  /* .search_wrap_index h3{
    display: none!important;
  } */

  .search_wrap_index .do {
    display: flex !important;
    width: 100% !important;
    padding: 5px 15px 0px;
  }

  .search_wrap_index h3 {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 20px 0;
    display: block;
    color: #e7e7e7;
  }

  .search_wrap_index #searchsubmit {
    /* display: inline-block; */
    background: var(--primaryColor);
    border: none;
    width: auto;
    border-radius: 3px;
    padding: 7px 15px;
    margin: 10px 22px 15px;
    font-size: 14px;
    font-weight: bold;
    color: var(--text);
    float: right;
    transition: all 0.5s;
  }

  .search_wrap_index #searchsubmit:hover {
    background: #2f90ba;
  }

  .search_wrap_index form {
    text-align: center;
  }

  .search_wrap_index .search_filter {
    width: 12%;
    display: inline-block;
    position: relative;
  }

  .search_wrap_index .search_filer_box {
    position: absolute;
    overflow-y: scroll;
    height: 200px;
    z-index: 3;
    background: var(--bg2);
    width: 90%;
  }

  .search_wrap_index .year_filter {
    width: 11%;
  }

  .search_wrap {
    display: none;
    background: var(--bg2);
    border-radius: 10px;
    color: var(--text);
  }

  .search_wrap h3 {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 20px 0;
    display: block;
    color: #e7e7e7;
  }

  .search_filter a {
    color: #bec4cb;
    background-color: var(--bg);
    border-color: #292931;
    display: block;
    margin: 7px 3px 0;
    font-size: 14px;
    padding: 10px;
    border-radius: 10px;
  }

  .search_filer_box {
    box-shadow: 0 5px 25px rgb(0 0 0 / 13%) !important;
    margin: 0 4px;
    border-radius: 0;
    padding: 10px 10px 1px;
    display: none;
    max-height: 200px;
    overflow-y: auto;
  }

  /* Customize the label (the container) */
  .custom-checkbox {
    display: block;
    position: relative;
    padding-right: 21px;
    margin-bottom: 12px;
    cursor: pointer;
    line-height: 1.1;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%;
  }

  /* On mouse-over, add a grey background color */
  .custom-checkbox:hover input~.checkmark {
    background-color: #ccc;
  }

  /* When the checkbox is checked, add a blue background */
  .custom-checkbox input:checked~.checkmark {
    background-color: #2196f3;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .custom-checkbox input:checked~.checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .custom-checkbox .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /* Customize the label (the container) */
  .custom-radio {
    display: block;
    position: relative;
    padding-right: 21px;
    margin-bottom: 12px;
    line-height: 1.1;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default radio button */
  .custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom radio button */
  .custom-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%;
  }

  /* On mouse-over, add a grey background color */
  .custom-radio:hover input~.checkmark {
    background-color: #ccc;
  }

  /* When the radio button is checked, add a blue background */
  .custom-radio input:checked~.checkmark {
    background-color: #2196f3;
  }

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  .custom-radio input:checked~.checkmark:after {
    display: block;
  }

  /* Style the indicator (dot/circle) */
  .custom-radio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
  }

  .year_filter {
    width: 49%;
    display: inline-block;
    position: relative;
  }

  .year_box {
    position: absolute;
    background: var(--bg2);
    width: 90%;
    overflow-y: scroll;
    height: 200px;
    z-index: 3;
  }

  .search_wrap {
    padding: 10px;
  }

  .search_wrap #searchsubmit {
    display: block;
    background: var(--primaryColor);
    border: none;
    width: 97%;
    border-radius: 10px;
    padding: 7px;
    margin: 10px auto 5px;
    font-size: 14px;
    font-weight: bold;
    color: var(--text);
    transition: all 0.5s;
  }

  .search_wrap #searchsubmit:hover {
    background: #2f90ba;
  }

  .not_found_film {
    color: var(--text);
    background: var(--bg2);
    text-align: center;
    padding: 5px 30px;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .not_found_film .title h4 {
    font-weight: bold;
    font-size: 20px;
    color: #e7e7e7;
  }

  .not_found_film .title span {
    font-size: 14px;
    color: #b1b1b1;
  }

  .not_found_film .title {
    text-align: right;
  }

  .footer_wave {
    height: 150px;
    overflow: hidden;
  }

  .footer .btn-large {
    background: var(--bg);
    display: block;
    padding: 14px;
    margin: 10px 0;
    border-radius: 10px;
    position: relative;
    transition: all cubic-bezier(0.4, 0, 1, 1) 0.2s;
  }

  .footer .btn-large:hover {
    box-shadow: inset 0px 0px 0 40px var(--bg_darker2);
  }

  .footer .btn-large a {
    color: var(--text);
  }

  .footer .btn-large span {
    color: var(--text);
    font-size: 14px;
    font-weight: bold;
  }

  .footer .btn-large i:first-of-type {
    font-size: 20px;
    position: relative;
    color: var(--primaryColor);
    margin-left: 7px;
    top: 2px;
  }

  .footer .btn-large i:last-of-type {
    font-size: 14px;
    color: var(--text);
    position: absolute;
    left: 14px;
    margin-top: 7px;
  }

  .sidebar {
    background: var(--bg2);
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 300px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    overflow: auto;
    transition: all .2s;
  }

  .make_visibe{
    visibility: visible!important;
  }

  .panel_wrapper{
    margin-right: 300px;
    padding: 0 10px;
  }

  .panel_header__user{
    color: var(--text);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
  }

  .sidebar_bottom{
    background: var(--bg);
    color: var(--text);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    margin-top: auto;
  }

  .sidebar_cta{
    padding: 13px 20px;
    background: #e6b350;
    border-radius: 10px;
    color: #00000096;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    width: 92%;
  }
  .account_details{
    margin-bottom: 15px;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
  }

  .account_details span{
    font-weight: bold;
    background: var(--bg_lighter2);
    padding: 3px 6px;
    border-radius: 5px;
  }
  .sidebar_cta:hover{
    color: #00000096;
  }

  .panel_header__user__avatar{
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    color: #2e86b1;
    background: rgb(46 134 177 / 25%);
    font-size: 18px;
    padding-top: 2px;
    align-items: center;
    margin-left: 10px;
  }

  .panel_header__user__avatar i{
    line-height: 0;
  }

  .panel_header__btn a, .panel_header__btn button{
    display: flex;
    height: 40px;
    width: 40px;
    border-radius: 8px;
    background: var(--bg_lighter);
    padding: 0!important;
    color: var(--text);
    align-items: center;
    justify-content: center;
    border: none;
  }

  .panel-tooltip {
    --bs-tooltip-bg: var(--bg_lighter2);
    font-weight: 400;
    font-size: 12px;
  }


  html.dark .panel-tooltip {
    --bs-tooltip-bg: var(--bg2);
  }
  .panel-tooltip .tooltip-inner{
    padding: 7px;
    color: var(--text);
  }

  .panel_sidebar__header{
    padding: 25px;
  }

  .panel_sidebar__header a{
    color: var(--text);
    font-size: 15px;
    font-weight: 500;
  }

  .sidebar .avatar_wrap {
    background: #101014;
    display: flex;
    justify-content: center;
    padding: 10px;
    margin: 10px;
    border-radius: 3px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .sidebar .avatar_wrap span {
    color: var(--text);
    font-size: 14px;
    margin: 10px 0 0;
  }

  .sidebar .avatar_wrap img {
    border-radius: 50%;
  }


  .sidebar .nav_panel ul li {
    list-style: none;
    padding: 15px 20px;
    font-size: 14px;
    border-radius: 3px;
    transition: all .2s ease;
    position: relative;
  }

  .sidebar .nav_panel ul li span:before{
    top: 5px;
    bottom: 5px;
    right: 0;
    border-radius: 8px 0 0 8px;
    width: 4px;
    content: "";
    position: absolute;
    opacity: 0;
    transition: opacity .15s ease-in-out;
  }

  .sidebar .nav_panel ul li.active span:before {
    /* background: var(--bg); */
    opacity: 1;
  }

  .sidebar .nav_panel ul li:hover {
    color: var(--text);
  }

  .sidebar .nav_panel ul li a {
    color: var(--text);
    font-size: 14px;
    display: block;
    font-weight: 400;
    transition: all .3s;
  }

  .sidebar .nav_panel ul .has-child>a:after {
    position: absolute;
    left: 0;
    margin: 0 40px;

    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    color: #c9d0d0;
    font-size: 10px;
    transition: all 0.3s;
  }

  .sidebar .nav_panel ul .child-minus>a:after {
    transform: rotate(180deg);
  }


  .sidebar .nav_panel ul li a:hover {
    color: var(--text);
  }

  .sidebar .nav_panel ul li a:hover>i {
    color: var(--text);
  }

  html.dark .sidebar .nav_panel ul li a:hover>i {
    color: var(--bg_darker);
  }

  html.dark .bg_dark_panel {
    background: var(--bg_darker)0d!important;
  }

  .sidebar .nav_panel ul li i {
    font-size: 19px;
    margin-left: 25px;
    margin-right: 15px;
    color: var(--text);
    vertical-align: middle;
    font-weight: 100;
    transition: all .3s;
  }

  .sidebar .nav_panel ul li ul li{
    padding: 15px 25px 0;
  }

  .body_panel h2 {
    color: var(--text);
    font-weight: bold;
    font-size: 17px;
  }

  .body_panel p {
    color: #d3d3d3;
    font-weight: normal;
    font-size: 14px;
  }

  .body_panel .info {
    background: var(--bg2);
    color: var(--text);
    display: flex;
    position: relative;
    padding: 35px 25px 20px;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
  }

  .blue_gradient{
    background: linear-gradient(195deg,#49a3f1,#1a73e8)!important;
  }

  .pink_gradient {
    background: linear-gradient(195deg,#ec407a,#d81b60)!important;
  }

  .green_gradient {
    background: linear-gradient(195deg,#66bb6a,#43a047)!important;
  }

  .db_gradinet {
    background: linear-gradient(195deg,#465bd0,#25306c)!important;
  }

  .yellow_gradient {
    background: linear-gradient(195deg,#ffc107,#bf9000)!important;
  }

  .body_panel .info .icon_wrap {
    width: 50px;
    height: 50px;
    background: #3f52b4;
    text-align: center;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    position: absolute;
    top: -25px;
    right: 20px;
  }

  .body_panel .info .icon_wrap i {
    color: #fff;
  }

  .body_panel .info .info_detail .title {
    font-size: 15px;
    color: var(--text);
    font-weight: 400;
  }

  .body_panel .info .info_detail .title a{
    color: var(--text);
  }

  .bg_dark_panel{
    background: var(--bg_lighter)!important;
  }

  .body_panel .info .info_detail span {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    display: block;
  }

  .body_panel .acc_info {
    background: var(--bg2);
    margin: 25px 0;
    border-radius: 5px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
  }

  .body_panel .acc_info header {
    border-bottom: solid 1px var(--bg_lighter2);
    color: var(--text);
    padding: 10px;
  }

  .body_panel .acc_info header h3 {
    font-size: 15px;
    font-weight: 700;
    padding: 7px;
    margin: 0;
  }

  .body_panel .acc_info ul {
    display: flex;
    flex-direction: column;
    color: var(--text);
    margin: 10px;
    padding-bottom: 10px;
  }

  .body_panel .acc_info li {
    display: inline-flex;
    justify-content: space-between;
  }

  .body_panel .acc_info li span {
    background: var(--bg);
    font-size: 13px;
    padding: 10px;
    border-radius: 3px;
    margin: 5px;
  }

  .body_panel .acc_info .detail_1 {
    width: 140px;
  }

  .body_panel .acc_info .detail_2 {
    width: calc(100% - 140px);
  }

  .body_panel .acc_info_ {
    background: var(--bg2);
    margin: 25px 0;
    border-radius: 5px;
    color: var(--text);
    padding-bottom: 1px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
  }

  .body_panel .acc_info_ header {
    border-bottom: solid 1px var(--bg_lighter2);
    color: var(--text);
    padding: 10px;
  }

  .body_panel .acc_info_ header h3 {
    font-size: 15px;
    font-weight: 700;
    padding: 7px;
    margin: 0;
  }

  .body_panel .acc_info_ table {
    width: calc(100% - 20px ) !important;
    background: var(--bg);
    margin: 10px;
    font-size: 14px;
    color: var(--text);
  }

  .body_panel .acc_info_ table tr {
    border-bottom: 1px solid var(--bg2);
    padding: 4px 10px;
    width: 100%;
  }


  /*.body_panel .acc_info_ table tr:nth-child(2n){
     background: var(--bg_darker);
  }*/

  html.dark .body_panel .acc_info_ table tr:nth-child(2n){
    background: var(--bg_darker2);
  }

  html.dark .post_meta--left span{
    background: var(--bg_lighter);
  }

  html.dark .post_vote .post_vote_up,
  html.dark .post_vote .post_vote_down{
    color: var(--text);
  }

  html.dark .post_header_content .post_vote .post_vote_up,
  html.dark .post_header_content .post_vote .post_vote_down{
    color: #fff;
  }

  html.dark .post_header_content .post_vote svg{
    fill: #fff;
  }

  html.dark .post_vote_up::after{
    border-left: solid 2px var(--bg_lighter);
  }

  html.dark .post_vote svg{
    fill: var(--text);
  }
  html.dark .vote_stats svg{
  fill: #ffad49;
  }

  html.dark .movie_score{
    color: var(--text);
  }

  html.dark .single_hero .movie_score{
    color: #fff;
  }



  html.dark .post2 .post_details .post_meta li p{
  color: var(--text);
  }

  html.dark .req_type_wrap{
    background: var(--bg2)fff;
    color: var(--text);
    border: solid 1px var(--bg_lighter);
  }

  html.dark .req_type_wrap span.active{
    color: #fff;
  }

  html.dark .acc_info_body label{
    color: var(--text);

  }


  .body_panel .acc_info_ table th {
    /* border-left: 1px solid var(--bg2); */
    font-weight: normal;
    padding: 16px 10px;
    text-align: right !important;
  }

  .body_panel .acc_info_ table td {
    /* border-top: 1px solid var(--bg2);
    border-left: 1px solid var(--bg2); */
    padding: 16px 10px;
    display: table-cell;
    text-align: right !important;
  }

  /*.body_panel .acc_info_ table td:first-of-type {
     border-right: 1px solid var(--bg2);
  }*/

  .body_panel .acc_info_ table a {
    color: #fff;
    font-size: 13px;
    background: var(--primaryColor);
    border-radius: 3px;
    padding: 8px 15px;
    display: inline-block;
    margin: 2px 0;
    transition: all 0.3s ease;
    font-weight: 700;
  }

  .body_panel .acc_info_ table a:hover {
    background: var(--primaryColor);
    opacity: .6;
  }

  #rcp_registration_form {
    margin: 0 auto;
  }

  #rcp-table {
    margin-bottom: 10px;
  }

  #rcp_subscription_levels {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
  }

  #rcp_subscription_levels li {
    position: relative;
    width: 100%;
    /* max-width: 286px; */
    /* margin-bottom: 15px; */
    cursor: pointer;
  }

  #rcp_subscription_levels li input[type=radio],
  #rcp_subscription_levels li .rcp_subscription_set,
  .rcp_header {
    display: none;
  }

  #rcp_subscription_levels li input[type=radio]:checked~label {
    background: var(--primaryColor);
  }

  /*#rcp_subscription_levels li input[type=radio]:checked~label .rcp_subscription_level_name {
     background: #2e2e3840;
    width: 100%;
  }*/

  .rcp_separator{
    opacity: 0;
  }

  .rcp_price{
    font-size: 19px;
    font-weight: 400;
  }

  .rcp_level_duration{
    font-size: 18px !important;
    font-weight: 400 !important;
    /* margin-bottom: 30px; */
    background: #2e2e3840;
    display: block;
    text-align: center;
    border-radius: 4px;
    padding: 5px 25px;
  }
  .rcp_registration_total{
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 50%;
  }
  .membership-level-price div, .rcp-fee div{
    margin-left: 0 !important;
  }
  #rcp_submit_wrap{
    width: 50%;
    margin: 0 auto;
  }
  #rcp_submit_wrap .rcp-button{
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  .rcp-fee, .rcp_registration_total_details .membership-level-price, .rcp_registration_total_details .rcp-recurring-total, .rcp_registration_total_details .rcp-renewal-date, .rcp_registration_total_details .rcp-total{
    width: auto !important;
  }
  .rcp_subscription_message{
    margin: 0 0 10px;
    min-height: 20px;
    font-weight: 500;
    font-size: 15px;
  }
  .rcp_subscription_message{
    padding: 20px 0;
  }

  #rcp_subscription_levels li input[type=radio]:checked~label .rcp_price,
  #rcp_subscription_levels li input[type=radio]:checked~label .rcp_level_duration {
    color: var(--text);
  }

  #rcp_subscription_levels li label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #2e2e38;
    margin-bottom: 0;
    cursor: pointer;
    padding: 10px;
    border-radius: 6px;
    flex-direction: row;
    transition: .25s ease-in-out all;
  }

  #rcp_subscription_levels li label .rcp_subscription_level_name {
    display: block;
    background: var(--bg)52;
    text-align: center;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 600;
    margin: 0 5px;
  }

  .rcp_subscription_message {
    font-size: 13px;
    color: #424242;
    margin: 0 0 20px 0;
    text-align: center;
  }

  #rcp_subscription_levels li label .rcp_price {
    margin: 15px 5px;
    font-size: 16px;
    color: #e6eaed;
  }

  #rcp_subscription_levels li label .rcp_level_duration {
    font-size: 12px;
    color: #c2c2c2;
    font-weight: 500;
    margin-right: 5px;
  }

  #rcp_subscription_levels li label .rcp_level_description {
    border-radius: 10px;
    color: var(--white);
    text-align: center;
    line-height: 2;
    margin-bottom: 0 !important;
    font-size: 14px;
    font-weight: 400;
  }

  .rcp-button {
    background: #66ccaa;
    color: var(--bg_darker2);
    border: solid 1px #66ccaa!important;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    width: calc(100% - 18px);
    margin: 10px;
    transition: all 0.3s;
  }

  .rcp_level_description{
    border: none !important;
  }

  .rcp-button:hover {
    opacity: .8;
  }

  .rcp-button_list {
    background: var(--primaryColor);
    color: var(--text);
    border: solid 1px var(--primaryColor) !important;
    font-size: 13px;
    font-weight: 300;
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    width: auto;
    margin: 10px 0;
    transition: all 0.3s;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
  }

  .rcp-button_list:hover {
    opacity: .5;
  }

  .register {
    display: flex;
    justify-content: center;
    margin: 150px 0;
    position: relative;
  }

  .manual-register-form {
    display: flex;
    width: 420px;
    flex-direction: column;
    color: var(--text);
    border-radius: 10px;
    box-shadow: 0 0 200px 0 rgb(0 0 0 / 20%);
  }

  .register-input {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: var(--text);
    background: var(--bg2);
    border: none;
    height: 45px;
    width: 100%;
    line-height: 45px;
    padding: 0 5px;
    border-radius: 4px;
    text-indent: 10px;
    margin: 0;
    outline: none;
    text-align: right;
  }

  .register-input:focus{
    background: var(--bg2);
  }
  .ajax_form{
    padding: 22px;
    margin: 0;
    position: relative;
  }
  .ajax_form__submit{
    margin: 20px 0;
  }

  .remember_me label{
    margin: 0!important;
    font-size: 14px;
    font-weight: 300;
  }

  /* .ajax_form__links a{
    background: var(--bg_lighter2);
    border: solid 1px var(--bg_lighter2);
    color: var(--text);
    padding: 6px 20px;
    border-radius: 3px;
    font-size: 14px;
    margin: 0!important;
  } */

  .register-input::placeholder{
    color: var(--text);
  }

  .ajax_form__links span{
    font-size: 14px;
  }

  .ajax_from__login{
    background: var(--primaryColor);
    border: solid 1px var(--primaryColor);
    width: 100%;
    padding: 10px;
    height: 57px;
    font-size: 17px;
    border-radius: 10px;
    font-weight: 800;
    color: #fff;
    transition: all .4s;
  }


  .input_float_label input{
    transition: all .4s;
  }

  .input_float_label input:focus{
    border-color: var(--bg_lighter);
  }

  .ajax_from__login:hover{
    box-shadow: none;
  }

  .lost_pass_link{
    color: #ffffff6e !important;
    margin-top: 20px;
    display: block;
    font-size: 15px !important;
    font-weight: 500;
    transition: all .3s;
  }
  .custom_register_button{
    color: var(--primaryColor) !important;
    padding: 10px 20px;
    border-radius: 10px;
    border: solid 1px transparent;
    font-size: 15px !important;
    width: 100% !important;
    font-weight: bold;
    text-align: center;
    margin: 0 !important;
    font-size: 17px !important;
    height: 57px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #mobile_auth .register-input{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #ffffffa1;
    background: transparent;
    border: solid 3px var(--bg2);
    height: 57px;
    width: 100%;
    line-height: 45px;
    padding: 0px 5px;
    border-radius: 10px;
    text-indent: 10px;
    margin: 0;
    outline: none;
    text-align: right;
  }

  .lost_pass_link:hover {
    color: #fff !important;
  }

  .ajax_form__register{
    background: var(--primaryColor);
    border: solid 1px var(--primaryColor);
    width: 100%;
    padding: 10px;
    height: 57px;
    font-size: 17px;
    border-radius: 10px;
    font-weight: 800;
    color: #fff;
    transition: all .4s;
  }

  .input_float_label label{
    margin: 0;
    opacity: .4;
    color: #ffffff6e;
    font-size: 15px;
    font-weight: 500;
    background: var(--bg);
    position: relative;
    top: 12px;
    right: 19px;
    opacity: 1;
    padding: 0 7px;
  }

  /* Change Autocomplete styles in Chrome*/
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    border: solid 3px var(--bg_lighter);
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px var(--bg) inset;
    transition: all 5000s ease-in-out 0s;
  }

  .ajax_form .register-input{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #ffffffa1;
    background: transparent;
    border: solid 3px var(--bg2);
    height: 57px;
    width: 100%;
    line-height: 45px;
    padding: 0px 5px;
    border-radius: 10px;
    text-indent: 10px;
    margin: 0;
    outline: none;
    text-align: right;
  }

  .input_float_label{
    position: relative;
  }

  .kelaket_showpass{
    position: absolute;
    left: 0;
    top: 50%;
    color: #93939b;
    background: var(--bg);
    border: none;
    font-size: 18px;
    margin-left: 5px;
    cursor: pointer;
  }

  .manual-register-form p {
    text-align: right;
  }

  .manual-register-form label {
    margin: 0;
  }

  .submit-reg {
    background: #10d876;
    color: var(--text);
    border: solid 1px #0dbd67 !important;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    width: 100%;
    margin: 10px 0;
    transition: all 0.3s;

  }

  .manual-register-form .title {
    text-align: center;
    border-bottom: solid 1px var(--bg2);
    padding: 30px;
  }

  .rcp_login_data {
    padding: 25px;
  }

  .manual-register-form .title h2 {
    font-size: 18px;
      margin: 0;
  }

  .manual-register-form .title i {
    font-size: 35px;
  }

  .manual-register-form .alert {
    position: relative;
    border-radius: .25rem;
    color: #ff2d40;
    background-color: #ff000014;
    padding: 13px;
    font-size: 14px;
    font-weight: 500;
    border: none;
  }

  .manual-register-form .alert-success {
    position: relative;
    border-radius: .25rem;
    color: #0dbd67;
    background-color: #0cbd5014;
    padding: 13px;
    font-size: 14px;
    font-weight: 500;
    border: none;
  }

  .manual-register-form a {
    color: var(--text);
    font-size: 14px;
    margin-right: 8px;
  }

  .manual-register-form .logo {
    position: absolute;
    top: -50px;
    left: 50%;
    color: var(--text);
    font-weight: bold;
    transform: translate(-50%, -50%);
  }

  .manual-register-form .logo img {
    width: 50px;
    height: 50px;
  }

  .manual-register-form .logo span {
    font-size: 16px;
    vertical-align: middle;
  }

  #rcp_user_remember {
    float: right;
    margin-right: 9px;
    margin-top: 6px;
  }

  .rcp_error {
    position: relative;
    border-radius: .25rem;
    color: #ff2d40;
    background-color: #ff000014;
    padding: 13px;
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    border: none;
  }

  .rcp_lostpassword_data #rcp_user_login {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: var(--text);
    background: var(--bg);
    border: none;
    height: 45px;
    width: 96%;
    line-height: 45px;
    padding: 0 5px;
    border-radius: 4px;
    text-indent: 10px;
    margin: 0 10px;
    text-align: right;
  }

  .rcp_login_data #rcp_user_login {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: var(--text);
    background: var(--bg2);
    border: none;
    height: 45px;
    width: 96%;
    line-height: 45px;
    padding: 0 5px;
    border-radius: 4px;
    text-indent: 10px;
    margin: 0 10px;
    text-align: right;
  }

  .rcp_login_data #rcp_user_pass {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: var(--text);
    background: var(--bg2);
    border: none;
    height: 45px;
    width: 96%;
    line-height: 45px;
    padding: 0 5px;
    border-radius: 4px;
    text-indent: 10px;
    margin: 0 10px;
    text-align: right;
    transition: all 0.3s ease;
  }

  .rcp_login_data #rcp_user_pass:focus-visible {
    outline: solid 1px #383840 !important;
  }

  .rcp_login_data #rcp_user_login:focus-visible {
    outline: solid 1px #383840 !important;
  }

  .rcp_login_data #rcp_user_pass:active {
    outline: solid 1px #383840 !important;
  }

  .rcp_login_data #rcp_user_login:active {
    outline: solid 1px #383840 !important;
  }

  .rcp_message {
    padding: 25px 25px 0;
  }

  .modal-body #rcp_registration_form {
    width: 100%;
  }

  .acc_info_ .buy_vip {
    font-size: 14px;
    margin: 10px 13px;
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    outline: none!important;
    box-shadow: none!important;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
  }

  .acc_info_ .buy_vip:foucs {
    outline: none!important;
    box-shadow: none!important;
    background: var(--primaryColor)!important;
  }

  .simplefavorites-modal-content {
    top: auto !important;
    bottom: -300px;
    width: auto !important;
    background: rgb(16 16 20) !important;
    border-radius: 5px;
    color: var(--text);
    box-shadow: none !important;
  }

  .simplefavorites-modal-content.active {
    bottom: 0;
  }

  .simplefavorites-modal-content-body {
    display: flex;
  }

  .simplefavorites-modal-backdrop {
    background: none !important;
  }

  .simplefavorites-modal-content-body a {
    cursor: pointer;
    background: var(--bg2);
    padding: 0px 3px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 3px;
    display: inline-block;
    font-size: 18px;
  }

  .simplefavorites-modal-content-body a i {
    position: relative;
    top: 2px;
  }

  .simplefavorite-button {
    float: left;
    border: none;
    border-radius: 5px;
    background: var(--bg_lighter2);
    color: var(--text);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .-click {
    cursor: pointer;
  }

  .simplefavorite-button i {
    position: relative;
    top: 2px;
  }

  .simplefavorite-button.active {
    color: var(--text);
  }

  .acc_info_ .posts_wrap {
    display: flex;
  }

  .acc_info_ .posts {
    display: inline-block;
    margin: 10px 0;
    position: relative;
  }

  .acc_info_ .posts a {
    color: var(--text);
    font-size: 14px;
  }

  .acc_info_ .posts img {
      width: 100%;
      border-radius: 5px;
      height: auto;
      object-fit: cover;
      min-height: 240px;
      aspect-ratio: 2/3;
  }

  .removeFav {
    position: absolute;
    top: 0;
    background: var(--bg2);
    width: 30px;
    height: 30px;
    color: #FF3131;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 16px;
    justify-content: center;
    margin: 4px 5px;
    cursor: pointer;
    box-shadow: 0px 0px 10px 0px #0006;
  }

  .acc_info_body {
    padding: 10px;
  }

  .acc_info_ legend {
    display: none;
  }

  .acc_info_ fieldset {
    margin: 0 10px !important;
  }

  .nav-link.active {
    background-color: #2ba7e0 !important;
  }

  .acc_info_body .wpcf7-submit {
    padding: 10px 20px;
    border-radius: 4px;
    background: #10d876;
    color: var(--text);
    border: solid 1px #0dbd67 !important;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    width: 100%;
    margin: 10px 0px;
    transition: all 0.3s;
  }

  #rcp_profile_editor_form .rcp-button {
    width: 100%;
    margin: 10px 0;
  }

  .acc_info_body .wpcf7-text {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: var(--text);
    background: var(--bg);
    border: none;
    height: 45px;
    width: 100%;
    line-height: 45px;
    padding: 0;
    border-radius: 4px;
    text-indent: 10px;
    margin: 5px 0px;
    text-align: right;
  }

  .acc_info_body .rcp-input {
    display: inline-block;
    font-size: 13px;
    outline: none;
    font-weight: 300;
    color: var(--text);
    background: var(--bg_lighter);
    border: none;
    height: 45px;
    width: 100%;
    line-height: 1.7rem;
    padding: 0 10px;
    border-radius: 4px;
    text-indent: 0px;
    margin: 5px 0px;
    text-align: right;
    padding:5px 10px;
  }

  .acc_info_body .rcp-input::placeholder {
    color: var(--text);
  }


  .acc_info_body label {
    margin-bottom: 10px;
    width: 100%;
  }

  .rcp_form input.required {
    color: #b5b5b5 !important;
  }

  .space-bet {
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }

  .acc_info_body select {
    background: var(--bg_lighter);
    color: var(--text);
    border: none;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
  }

  .acc_info_body a {
    color: #00AFF0;
  }

  .blog_heading {
    font-size: 18px;
    color: var(--text);
    display: inline-block;
    margin-bottom: 20px;
  }

  .blog_post {
    margin-bottom: 20px;
  }

  .blog_post .title {
    font-size: 15px;
    font-weight: 500;
    margin: 5px 0 0;
  }

  .blog_post img {
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
    -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
  }

  .blog_post a {
    color: var(--text);
  }

  .blog_post time {
    font-size: 14px;
    color: #bbb;
  }

  .blog_comments .form-submit {
    width: calc(20% - 32px);
  }

  .blog_comments .comment-name {
    width: 40%;
  }

  .blog_comments .comment-email {
    width: 40%;
  }

  .alert-danger {
    color: #ff2d40;
    background-color: #ff000014;
    padding: 13px;
    font-size: 14px;
    font-weight: 500;
    border: none;
  }

  .alert-danger a {
    color: #ff3030;
    font-weight: 900;
    font-size: 14px;
  }

  .collection {
    transition: all .2s;
    /* overflow: hidden; */
    border-radius: 10px;
    margin: 30px 0;
  }

  .collection .image {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    transition: all .2s;
    position: relative;
  }

  .collection .image img {
    width: auto;
    height: 290px;
    object-fit: cover;
    border-radius: 5px;
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 10px;
    aspect-ratio: 3/2;
  }

  .unset_aspect img{
    aspect-ratio: unset!important;
  }

  .collection .image .overlay{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to top,#101014,transparent);
    height: 100%;
    display: flex;
    border-radius: 10px;
  }

  .collection .image .overlay .overlay_inside{
    margin: auto 10px 0;
  }

  .collection .image .overlay .overlay_inside h2{
    color: #fff;
  }

  .collection .image_1{
    position: absolute!important;
    z-index: -1;
    top: -7px;
    width: calc( 100% - 30px );
    right: 50%;
    transform: translateX(50%);
    opacity: .3;
    transition: ease-out 1s;
  }
  .collection .image_2{
    position: absolute!important;
    z-index: -2;
    top: -14px;
    width: calc( 100% - 60px );
    right: 50%;
    transform: translateX(50%);
    opacity: .1;
    transition: ease-out 1s;
  }

  .collection:hover .image_1{
    top: 10px;
  }

  .collection:hover .image_2{
    top: 20px;
  }


  .collection .info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #dddd;
    margin-bottom: 10px;
    gap: 10px;
  }

  .collection h2 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 5px;
  }

  .metas_wrap {
    display: flex;
    flex-direction: column;
  }

  .post_detail {
    padding: 10px;
    color: #b5b6b9;
    border-radius: 3px;
  }

  .film_info .gallery_image {
    display: inline-block;
    margin-bottom: 1px;
    box-shadow: 0px 0px 13px #10101438;
    position: relative;
  }

  .film_info .gallery_image:hover .gallery_mask {
    background: #00000094;
    opacity: 1;
  }

  .film_info .gallery_image .gallery_mask i {
    color: var(--text);
    font-size: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .film_info .gallery_image .gallery_mask {
    position: absolute;
    background: #00000000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
    opacity: 0;
    transition: all .2s;
  }

  .post_content_single {
    border-radius: 3px;
    color: var(--text);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 25px;
  }

  .post_inner{
    line-height: 2!important
  }

  .post_content_single a, .post_inner a {
    color: var(--primaryColor)!important;
    transition: all 0.3s;
    font-weight: bold;
    display: inline-block;
    margin: 0 2px;
  }
  .post_content_single a:hover, .post_inner a:hover {
    color: var(--primaryColor);
  }

  .post_content_single ul, ol{
    margin:0 20px;
    padding: 0;
  }

  .post_inner ul, ol{
    margin:0 20px!important;
    padding: 0;
  }


  .post_content_single p {
    margin: 0;
  }

  .post_content_single h1 {
    font-size: 20px;
    font-weight: bold;
  }

  .post_content_single h2 {
    font-size: 19px;
    font-weight: 400;
  }

  .post_content_single h3 {
    font-size: 18px;
    font-weight: 400;
  }

  .post_content_single h4 {
    font-size: 17px;
    font-weight: 400;
  }

  .post_content_single h5 {
    font-size: 16px;
    font-weight: 400;
  }

  .post_content_single h6 {
    font-size: 15px;
    font-weight: 400;
  }

  .film_info .gallery_image img {
    width: 100%;
    height: 120px;
    border-radius: 5px;
    object-fit: cover;
  }

  .post_detail a {
    color: var(--primaryColor);
  }

  .post_detail ul {
    margin: 20px;
  }

  .slider .owl-nav {
    color: var(--text);
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 40px;
  }

  .slider .owl-prev, .slider .owl-next {
    background: #76767670 !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 30px !important;
    margin: 0 7px;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
  }

  .slider .slider_info {
    width: 30%;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    margin: 0 50px 0 0;
    z-index: 2;
  }

  .slider .slider_info h2 {
    font-weight: 700;
    font-size: 30px;
    color: var(--text);
  }

  .slider .film_logo {
    width: 190px !important;
    height: auto;
  }

  .slider .slider_info p {
    color: #dfdfdf;
    font-size: 15px;
    margin: 0;
  }

  .slider .slider_info .description {
    color: var(--text);
    font-weight: bold;
    margin: 5px 0;
  }

  .slider .slider_item::after {
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.07) 0%, rgb(18 19 21 / 0%) 1%, var(--bg) 100%);
    width: 100%;
    height: 48px;
    z-index: 1;
    position: absolute;
    bottom: 0;
  }

  .slider .slider_link {
    background: var(--primaryColor);
    color: #fff;
    padding: 7px 15px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s ease;
    margin: 10px 0;
    display: inline-block;
  }

  .slider .slider_link:hover {
    background: var(--primaryColor);
    color: var(--text);
  }

  .slider .slider_item {
    height: 700px;
  }

  .slider .slider_item img {
    display: block;
    width: 100%;
    /* max-height: 700px; */
    height: 100%;
    object-fit: cover;
  }

  .slider video {
    display: block;
    width: 100%;
    max-height: 700px;
    object-fit: cover;
  }

  .imdbRating_holder {
    float: left;
    text-align: left;
    margin-right: 15px;
    color:#fff;
  }

  .imdbRating_holder .imdb_num strong {
    color: #f5c518;
    margin: 0 -3px;
    font-size: 17px;
  }

  .submit-reg:disabled {
    pointer-events: none;
    opacity: .6;
  }

  .imdbRating_holder .imdb_num span {
    display: block;
    font-size: 15px;
    border-top: solid 1px #464652;
    color: var(--text);
    padding: 2px 5px 1px;
  }

  .imdbRating_holder .imdb_num {
    text-align: center;
    direction: ltr;
    font-size: 17px;
    font-family: sans-serif;
  }

  .imdbRating_holder .imdbLogo {
    text-align: center;
    background: #efc019;
    padding: 0px 10px;
    margin: 3px 12px;
    border-radius: 3px;
  }

  .submit_auth_2 {
    background: #10d876;
    color: var(--text);
    border: solid 1px #0dbd67 !important;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    border: 0;
    border-radius: 4px;
    width: calc(47% - 14px);
    margin: 10px;
    transition: all 0.3s;
  }

  .submit_auth_2:disabled {
    opacity: .6;
    cursor: wait;
  }

  .mobile_badges{
    display: none!important;
  }
  /* meedia query */
  @media only screen and (max-width: 580px) {
    .kelaket_ticket_table tr{
      display: flex !important;
      flex-direction: column !important;
    }

    .panel_ticket, .panel_vip, .panel_notif{
      display: none !important;
    }

    .series_week__header ul{
      display: flex;
      overflow-x: auto;
      padding-bottom: 10px;
    }
    .series_week__header ul li{
      padding: 5px 17px !important;
    }
    .comfort-slider .center{
      transform: scale(1.1) !important;
    }
    .links{
      margin: 30px 0;
    }
    .about{
      margin-top: 0px;
    }
    .imdbRating_holder{
      display: none;
    }
    .collection_title {
      color: var(--text);
      text-align: center;
      padding-right: 0!important;
      margin-bottom: 25px;
  }
    .post_meta--inner {
      display: none;
    }

    .search_wrap_index .search_filter {
      width: 49% !important;
    }

    .search_wrap_index .do {
      width: 100% !important;
    }

    .search_wrap_index .year_filter {
      width: 49% !important;
    }

    .search_wrap_index #searchsubmit {
      float: none;
      display: block;
      width: calc(100% - 10px);
      margin-right: 5px;
      margin-left: 5px;
    }

    .stars_page img {
      border-radius: 5px !important;
    }

    .post .post_download {
      float: none;
      width: 100%;
    }


    .featured img {
      border-radius: 10px;
      height: auto;
      object-fit: cover;
      width: 95% !important;
    }

    .widget .widget_inner .update_info {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }


    .stars img {
      height: 164px;
      object-fit: cover;
      border-radius: 10px;
    }

    /* .widget .widget_inner .update_info span {
      display: none;
    } */

    .actor-center {
      text-align: center;
    }

    .stars_page h1 {
      margin: 20px 0 0 0;
    }

    .post .post_image img {
      width: 100%;
      height: auto;
    }

    .post .post_image {
      text-align: center;
    }

    .post_cover {
      display: none;
    }

    .post_header_cover {
      transform: scale(1);
      filter: blur(0);
      opacity: 1;
      background-size: cover;
    }

    .post_header_dark {
      background: linear-gradient(to bottom, transparent 0%, #101014b8 470px);
    }

    .actor {
      display: none;
    }

    .post_header_meta {
      margin-right: 0;
    }

    .p-t-20 {
      border-bottom: none;
    }

    .m-b-30 {
      display: none;
    }

    .post_header_info {
      margin: 150px 0 30px 0;
      text-align: center;
      width: 100%;
    }

    .post_header_content {
      padding: 200px 0 0;
    }

    .metas_wrap {
      flex-direction: row;
      justify-content: space-between;
      flex-direction: column;
    }

    .post_meta_i .icon {
      width: 30px;
      height: 30px;
      margin: 0;
    }

    .imdb-svg {
      width: 30px;
      height: 30px;
    }

    .hidden_xs {
      display: none;
    }

    .film_cat {
      text-align: center;
    }

    .download_section .download_item .button {
      margin: 6px 3px !important;
      display: block !important;
    }

    .download_section .download_item .align-left {
      display: block !important;
    }

    .download_section .download_item .align-right {
      display: block !important;
    }

    .login_register {
      display: none;
    }

    .search input {
      width: auto;
    }

    .slider .slider_info {
      width: 100%;
    }

    .slider .slider_info p {
      display: none;
    }

    .slider .slider_item {
      height: 390px !important;
    }
    .modal_center{
      display: block!important;
    }
    .has-spoil{
      display: flex;
      flex-direction: column;
      margin-bottom: 40px;
    }
    /* .acf-fields{
      position: static!important;
      top: auto!important;
      left: auto!important;
      margin-bottom: 15px!important;
    }
    .acf-fields.-clear > .acf-field{
      margin: 0!important;
      position: static!important;
    } */
    .post2 .nav-link.active{
      width: 100%;
    }
    .post2 .nav {
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    .post2 .nav-link{
      width: 100%;
    }
    .post2 .nav-item{
      width: 100%;
    }
    .stars .stars_title{
      font-size: 13px;
    }
  }

  @media only screen and (max-width: 1200px) {

    .post2 .post_details .post_meta li strong{
      min-width: 120px!important;
    }

    .post .sub_meta {
      font-size: 11px;
    }

    .search_wrap_index #searchsubmit {
      float: none;
    }

    .stars img {
      height: 170px;
      object-fit: cover;
    }

    .login_register {
      display: none;
    }

    .stars_page img {
      height: auto;
      /* border-radius: 50%; */
      object-fit: cover;
      max-width: 100%;
    }



    .search_wrap_index .search_filter {
      width: 30%;
    }

    .search_wrap_index .year_filter {
      width: 30%;
    }
  }

  @media only screen and (max-width: 1400px) {
    .stars img {
      height: 170px;
      object-fit: cover;
    }
  }

  @media only screen and (min-width: 992px) {

    .stars img {
      height: 150px;
      width: 150px;
      object-fit: cover;
    }
  }

  .casual_single .post_vote button span{
    display: none;
    font-size: 15px;
  }


  @media only screen and (max-width: 750px) {
    .casual_tab_content .post2 .download_item{
      flex-direction: column;
      gap: 20px;
    }
    .download_item .dl_links_wrap{
      flex-direction: column;
    }
    .casual_single .post_vote__buttons{
      width: 100%;
      display: flex;
      gap: 10px;
    }
    .casual_single .post_vote button{
      width: 100% !important;
      border-radius: 5px !important;
      background-color: var(--bg_lighter) !important;
      color: var(--text) !important;
      height: 40px !important;
    }
    .casual_single .post_vote button span{
      display: inline-block !important;
    }
    .post_download_cta a, .post_download_cta button{
      margin: 0 auto !important;
      width: 100% !important;
      border-radius: 5px !important;
    }
    .author_mobile{
      display: block !important;
    }
    .vcard {
      display: none;
    }
    #rcp_subscription_levels{
      flex-wrap: wrap !important;
    }
    #rcp_registration_form{
      width: 100% !important;
    }
    .vip_header{
      flex-direction: column;
      gap: 20px;
    }
    .comment_box .right_side{
      gap: 20px;
      justify-content: flex-end;
      align-items: center;
      width: 100%;
      flex-direction: row-reverse;
    }
    .comment_data{
      margin-top: 20px;
      margin-right: 0;
    }
    .actors_page .search_input_wrap{
      width: 100% !important;
    }
    .center_image_mobile{
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 20px;
    }
    .comfortSlider_wrap, .comfortSlider_wrap .dark_bg,.comfortSlider_wrap .mixed_slider_bg{
      height: auto!important;
    }

    .comfortSlider_wrap .owl-stage .owl-item{
      transform: rotate(-4deg) scale(0.8);
    }

    .comfortSlider_wrap .owl-stage-outer .owl-stage .owl-item.center+.owl-item{
      transform: rotate(4deg) scale(.8);
    }

    .comment_box{
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
    }
    .comment_box .right_side{
      margin-bottom: 20px;
    }
    .comfort-slider .owl-item.center{
      transform: scale(1.0)!important;
    }
  }


  @media only screen and (max-width: 1000px) {
    .rcp_registration_total_details tr{
      width: 100% !important;
    }
    .rcp_registration_total{
      width: 100% !important;
    }
    #rcp_subscription_levels li label{
      flex-direction: column;
    }
    .rcp_level_description{
      margin-top: 10px;
    }

    #pills-tabContent table tr{
      display: flex;
      flex-direction: column;
    }

    .rcp-table thead{
      display: none;
    }

    .post_info__container {
      justify-content: space-between;
      flex-direction: column-reverse;
      align-items: center;
    }
    .post_info__container .post_details{
      width: 100% !important;
    }
    .post_info__container .post_image{
      min-width: 50% !important;
      width: auto !important;
      margin-bottom: 30px;
    }

    .post2 .active_movie_notification{
      transform: unset !important;
      margin-right: 0 !important;
    }
    .film_cat img {
      max-height: auto !important;
  }
    .blog_carousel .owl-next, .blog_carousel .owl-prev{
      margin-left: 0!important;
      margin-right: 0!important;
    }
    .panel_wrapper{
      margin-right: 0px;
      transition: all .2s;
    }
    .post2 .post_image img{
      width: 70%;
    }
    .post_content_single .awards li {
      width: 100%;
    }
    .mixedSlider_wrap{
      height: 633px!important;
    }
    .comment_spoiler{
      font-size: 15px!important;
      text-align: center;
    }
    .comment_spoiler .show_comment{
      font-size: 13px;
    }
    .dl_info{
      flex-direction: column;
      align-items: center;
    }
    .dl_info .internet{
      margin-bottom: 10px;
    }
    .dl_info .report{
      margin-bottom: 10px;
    }
    .new_advanced_search{
      display: none!important;
    }
    .mobile_adv_trigger{
      display: flex!important;
    }
    .mobile_badges{
      display: flex!important;
    }
    .series_week .series_week__header{
      flex-direction: column;
      text-align: center;
    }
    .post2 .download_info {
      position: static !important;
      top: auto !important;
      transform: none !important;
    }
    .about_box--right{
      width: 100%;
      text-align: center;
      white-space: nowrap;
      overflow-y: auto;
      padding-bottom: 15px;
    }
    .post2 .about_box .post_download{
      display: block;
    }

    .post2 .align-left {
      float: none !important;
      margin: 0px 0 !important;
      position: relative !important;
      display: block !important;
    }
    .serial-item .align-left {
      margin: 10px 0 !important;
    }

    .post2 .dl__title {
      flex-direction: column;
    }

    /* .update_info span {
      display: none !important;
    } */

    .about_box {
      flex-direction: column;
    }

    .about_box--left {
      margin-bottom: 35px;
    }
    .post2 .about_box{
      flex-direction: column-reverse;
      padding: 0 10px!important;
    }

    .post2 .title {
      flex-direction: column;
      padding: 0!important;
    }
    .post2 .dl__title span{
      margin-top: 20px!important;
      display: block!important;
      text-align: center;
    }

    .post2 .censored, .post2 .legal, .post2 .top250 {
      border-radius: 50px !important;
    }

    .header .logo {
      margin: 15px auto;
      width: 100%;
    }

    .go-left {
      margin: 0;
    }

    .stars img {
      height: auto;
      object-fit: cover;
      border-radius: 50% !important;
      transition: all 0.3s;
      width: 150px;
      max-height: 150px;
    }

    .post .post_details {
      margin-top: 10px;
    }

    .post .post_image img {
      width: auto;
      max-width: 100%;
    }

    .post .post_image {
      text-align: center;
    }

    .header {
      text-align: center;
    }

    .top_nav {
      display: none !important;
    }

    .search_form {
      display: none;
    }

    .login {
      display: none;
    }

    .mobile_menu_icon {
      display: block;
    }

    .mobile_search_icon {
      display: block;
      margin-top: 25px;
    }

    .video_tag {
      display: none;
    }

    .form-submit {
      width: 100% !important;
    }

    .comment-name,
    .comment-email {
      width: 48% !important;
      margin: 0 0 15px 0 !important;
    }

    .comment-email {
      margin-right: 2% !important;
    }

    .download_section .download_item {
      text-align: center;
    }

    .download_info {
      margin-bottom: 15px;
    }

    .download_section .download_item .button {
      margin: 6px 3px !important;
      display: inline-block;
    }

    .download_section .download_item .download_info {
      display: block;
      width: 100%;
    }

    .download_section .download_item .align-left {
      float: none !important;
      display: flex !important;
      width: 100%;
      text-align: center;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }

    .download_section .download_item .align-right {
      float: none !important;
      display: inline-block !important;
    }

    .slider .slider_info {
      width: 100%;
      margin: 10px;
    }

    .slider .slider_info p {
      display: none;
    }

    .slider .slider_item {
      height: 550px;
    }

  }

  @media only screen and (max-width: 580px) {
    .acc_info_ .posts img {
      min-height: auto !important;
    }

    .casual_single .single_hero h1{
      flex-wrap: wrap;
    }
    .casual_single .post_genre a{
      margin-bottom: 6px;
      display: inline-block;
    }
    .post_download_cta{
      flex-direction: column;
    }
    .post_vote .post_vote_up, .post_vote .post_vote_down{
      flex: unset;
      margin-bottom: 10px;
    }
    .casual_single .post_vote{
      flex-wrap: wrap;
    }
    .casual_single .post_vote .vote_stats{
      margin-right: 0;
      margin-bottom: 10px;
      margin-top: 10px;
    }
    .movie_meta{
      width: 100%;
      flex-direction: column;
      gap: 15px;
      align-items: flex-start !important;
      margin-top: 10px !important;
    }
    .single_cover{
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
    }
    .ticket_send_form{
      flex-direction: column;
    }
    .ticket_send_form button{
      margin-right: 0!important;
    }
    .ticket_info{
      flex-direction: column;
    }
    .ticket_info div{
      margin-bottom: 10px;
    }
    .ticket_msg .ticket_msg_box{
      width: 100%!important;
    }
    .mixedSlider_wrap{
      height: auto!important;
    }
    .mixedSlider_wrap .dark_bg{
      height: auto!important;
    }
    .mixedSlider_wrap .dark_bg::after{
      height: auto!important;
    }
    .mixed-slider{
      margin-top: 0!important;
    }
    .mixed-slider .owl-stage-outer{
      padding: 30px 0 0;
    }
    .mixed-slider .owl-stage {
        left: auto!important;
    }

    .mixed-slider .owl-item{
      transform: rotate(-4deg) scale(.8)!important;
      transition: all .2s ease-in-out;
    }
    .mixed-slider .owl-stage-outer .owl-stage .owl-item.center+.owl-item{
      transform: rotate(4deg) scale(.8) !important;
    }

    .mixed-slider .owl-item.active{
      transform: rotate(0) scale(.95)!important;
    }

    .post .post_details h2{
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
    }
    .post .post_details h2 i {
      margin: 5px 0;
    }
    .manual-register-form {
      width: 90% !important;
    }
    .genre_card a {
      color: var(--text);
      font-size: 13px !important;
    }

    .post_meta_i .icon i {
      top: 7px;
    }

    .post_like {
      margin: 0;
    }

    .metas_wrap {
      align-items: center;
    }

    .featured2 {
      overflow-x: scroll;
    }

    .featured2 .container {
      width: 1100px !important;
    }

    .fixMobile {
      flex-direction: column;
    }

    .fixMobile .adminNotice__btn a {
      margin-top: 10px;
      display: block;
      width: 100%;
      text-align: center;
    }

    .related_film_item img {
      height: auto;
    }
    .slider .slider_info h2{
      font-size: 20px;
    }
    .slider .slider_link{
      font-size: 12px;
      font-weight: 500;
    }
    .slider .slider_info .description{
      font-weight: 300;
      font-size: 12px;
    }
    .slider .owl-nav{
      display: none;
    }
  }


  @media only screen and (max-width: 320px) {
    /* .comfortSlider_wrap, .comfortSlider_wrap .dark_bg,.comfortSlider_wrap .mixed_slider_bg{
      height: 400px!important;
    } */

    .film_info .gallery_image img {
      height: auto;
    }

    .post_like {
      margin-bottom: 10px;
    }

    .stars img {
      height: auto;
      object-fit: cover;
      border-radius: 50% !important;
      transition: all 0.3s;
      width: 100px;
    }

    .search_wrap_index .search_filter {
      width: 99% !important;
    }

    .search_wrap_index .year_filter {
      width: 99% !important;
    }

    .metas_wrap {
      flex-direction: column;
      justify-content: flex-start;
    }

    .related_film_item img {
      width: 100%;
      height: auto;
      padding: 0;
      border-radius: 3px 3px 0px 0px;
      transition: all ease 0.3s;
      object-fit: cover;
      margin-bottom: 10px;
    }

  }

  .modal-content {
    background: var(--bg);
    border:none;
  }

  .modal-header {
    border-bottom: 1px solid #000000;
    ;
  }

  .user_btn {
    display: flex;
    margin: 10px;
    justify-content: space-around;
    flex: 1;
    gap: 10px;
    margin-left: 0;
  }

  .user_btn a, .user_btn button {
    background: var(--primaryColor);
    padding: 8px 20px;
    border-radius: 30px;
    color: var(--text);
    font-size: 14px;
    width: 100%;
    border: none;
    outline: none;
    text-align: center;
    margin: 0 2px;
    flex-wrap: nowrap;

  }

  .appInstallBanner {
    position: fixed;
    bottom: 0;
    background: #15151ad9;
    width: 100%;
    z-index: 2;
    padding: 13px;
    border-radius: 10px 10px 0 0;
    align-items: center;
    justify-content: space-between;
    display: none;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 15;
  }

  .appInstallBanner img {
    width: 40px;
    height: 40px;
  }

  .appInstallBanner a {
    color: var(--text);
  }

  .appInstallBanner .dismiss {
    background: var(--bg2);
    color: var(--text);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 10px;
  }

  .post_blog .blog_image {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    object-fit: cover;
    border-radius: 5px;
    -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
  }

  .post_blog p {
    font-size: 16px;
    color: var(--text);
  }

  .related_post_blog_item {
    background: var(--bg2);
    box-shadow: 0px 0px 13px #10101438;
    border-radius: 3px;
    color: var(--text);
    padding: 15px;
    margin-bottom: 30px;
  }

  .related_post_blog_item header {
    font-weight: 500;
    margin-top: 10px;
    font-size: 16px;
  }

  .related_post_blog_item p {
    font-weight: 300;
    font-size: 14px;
    margin-top: 10px;
  }

  .related_post_blog_item a {
    font-weight: bold;
    font-size: 15px;
    color: var(--primaryColor);
  }

  .related_post_blog_item .icon {
    font-size: 20px;
    padding: 1px 5px 1px 0;
    color: var(--text);
    border-radius: 10px;
    display: inline-block;
    margin: 5px 0;
  }

  .related_post_blog_item .icon span {
    background: var(--primaryColor);
    padding: 0px 5px;
    color: var(--text);
    border-radius: 10px 0 0 10px;
  }

  .post_content_single .awards {
    margin: 10px 0;
  }

  .post_content_single .awards ul{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0;
  }

  .post_content_single .awards li {
    list-style: none;
    padding: 15px 25px;
    font-weight: 400;
    background: var(--bg2);
    border-radius: 50px;
    display: flex;
    align-items: center;
    height: auto;
    flex-wrap: wrap;
  }

  .awards i {
    margin-left: 5px;
    font-size: 18px;
    color: var(--text);
    margin-left: 10px;
  }

  .awards strong {
    font-size: 15px;
    color: var(--text);
    font-weight: bold;
    margin-left: 5px;
  }

  .featured_item2 {
    position: relative;
  }

  .featured_item2 img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
  }

  .featured2 {
    padding: 110px 0 70px;
    display: block;
    background: var(--bg_darker);
  }

  .slider{
    max-height: 700px !important;
    background: var(--bg_darker);
  }

  .featured_item2:hover .featured_item2_hover {
    opacity: 1;
    transform: scale(1.0);
  }

  .featured_item2_hover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000099;
    top: 0;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    color: #fff;
    font-size: 13px;
    display: block;
    padding: 15px;
    opacity: 0;
    transition: all 0.3s;
    border-radius: 10px;
    transform: scale(.94);
    padding-top: 10%;
  }

  .featured_item2_hover h2 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-top: 15px;
  }

  .featured_item2_hover .featured_item_likes {
    padding-top: 10px;
  }

  .featured_item2_hover .featured_item_imdb {
    border: solid 1px #ffd400;
    color: #ffd400 !important;
    border-radius: 5px;
    padding: 3px 6px 4px;
    text-align: center;
    font-family: sans-serif;
    vertical-align: middle;
    margin: 0 15px;
  }

  .featured_item2_hover .badge {
    font-size: 12px;
    margin-top: 10px;
    font-weight: normal;
  }

  .like_single {
    position: absolute;
    bottom: 0;
    background: var(--bg2);
    width: 35px;
    height: 35px;
    color: #FF3131;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 16px;
    justify-content: center;
    margin: 6px;
    cursor: pointer;
    box-shadow: 0px 0px 7px 2px #0000008a;
  }

  .toast-success {
    background-color: #10d876 !important;
    opacity: 1 !important;
    transition: all 0.3s;
  }

  .toast-warning {
    background-color: #ff8f00 !important;
    opacity: 1 !important;
    transition: all 0.3s;
  }

  .toast-error {
    background-color: #b2102f !important;
    opacity: 1 !important;
    transition: all 0.3s;
  }

  .download_notice {
    background: var(--bg);
    margin: -12px 10px;
    margin-bottom: 10px;
    border-radius: 0px 0px 3px 3px;
    font-size: 14px;
    padding: 6px 10px;
    font-weight: 300;
    color: #d1d6d9;
    color: #fff !important;
  }

  .download_notice i {
    color: var(--primaryColor);
    font-size: 17px;
    position: relative;
    top: 2px;
    margin-left: 2px;
  }

  .related_rotten {
    padding: 0 14px 10px;
    font-size: 13px;
    color: var(--text);
  }

  .related_rotten i {
    position: relative;
    top: 1px;
    margin-left: 1px;
  }
  /* .acf-fields {
    position: relative;
    top: -67px;
    left: 12px;
    color: #d5d5d5;
  } */

  .acf-fields.-clear>.acf-field {
    font-size: 13px;
  }

  /* .acf-true-false input {
    position: relative;
    top: 3px;
    left: 2px;
  }  */

  .spoiler.has-spoil .spoilder_warn {
    opacity: 1;
    visibility: visible;
  }

  .spoiler .spoilder_warn {
    color: #ff1b1b;
    cursor: pointer;
    height: 0;
    min-height: 0;
    position: relative;
    top: 15px;
    opacity: 0;
    visibility: hidden;
    font-size: 15px;
  }

  .spoiler .spolider_text {
    opacity: 1;
    visibility: visible;
  }

  .spoiler.has-spoil .spolider_text {
    opacity: 0;
    visibility: hidden;
  }

  .boxOffice {
    width: 100%;
    margin: 15px 0;
  }

  .boxOffice tr:first-child {
    border-radius: 3px 3px 0 0;
  }

  .boxOffice tr {
    transition: all 0.3s;
  }

  .boxOffice tr:hover {
    background: var(--bg);
  }

  .boxOffice th {
    background: var(--bg);
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    border: solid 1px var(--bg);
  }

  .boxOffice td {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    border: solid 1px var(--bg);
  }

  .boxOffice td img {
    width: 70px;
    height: 90px;
    object-fit: cover;
    border-radius: 5px;
    margin: 0 5px;
  }

  .boxOffice .boxOffice__name {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .boxOffice .boxOffice__name span {
    width: 25px;
    height: 25px;
    background: var(--primaryColor);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-weight: 500;
    color: var(--text);
    margin-left: 5px;
  }

  .boxOffice .boxOffice__film {
    display: flex;
    flex-direction: row;
  }

  .boxOffice .boxOffice__meta {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .boxOffice .boxOffice__meta h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--text);
  }

  .boxOffice .boxOffice__meta .film_name {
    color: var(--text);
  }

  .boxOffice .boxOffice__meta a {
    font-size: 13px;
    font-weight: 300;
    color: #adadad;
    transition: all 0.3s;
  }

  .boxOffice .boxOffice__meta a:hover {
    color: var(--text);
  }

  .boxOfficeWrap {
    overflow-x: auto;
  }

  .adminNotice {
    padding: 18px 0;
    display: none;
    z-index: 9999;
    position: absolute;
    width: 100%;
  }
  .adminNotice_up{
    top:0;
  }


  .adminNotice_down{
    position: fixed!important;
    bottom: 0;
  }

  .adminNotice .dismiss {
    font-size: 10px;
    color: #e9e9e9;
    margin-left: 5px;
    cursor: pointer;
    transition: all 0.3s;
    border: solid 1px #e9e9e9;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    line-height: 0;
    transition: all .3s;
  }

  .adminNotice .dismiss:hover {
    color: var(--bg);
    background: #e9e9e9;
  }

  .adminNotice span {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
  }

  .adminNotice .timer div{
    background: #00000040;
    width: 60px;
    padding: 0;
    margin: 0px 5px;
  }
  .adminNotice .timer div span{
    padding: 5px 0;
  }
  .adminNotice .timer div .counter_label{
    font-size: 13px;
    font-weight: 200;
    border-radius: 0px 0px 5px 5px;
    padding: 2px 0!important;
  }

  html.dark .adminNotice .timer div{
    background: #00000040;
    border: none;
    box-shadow: none;
    color: #fff!important;
  }
  html.dark .adminNotice .timer div span{
    color: #fff!important;
  }

  html.dark .notification_btn .count{
    color: #fff;
  }
  html.dark .notif_items{
    box-shadow: 0px 0px 15px var(--bg_darker2);
  }
  html.dark .show_all_notifs{
    color: #fff !important;
  }
  html.dark .notification__card{
    border: solid 1px var(--bg_lighter);
  }

  .adminNotice .adminNotice__btn a {
    color: #101014;
    background: #fff;
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: -1px 3px 3px #00000021;
    transition: all 0.3s;
  }

  .adminNotice .adminNotice__btn a:hover {
    background: #ebebeb;
  }

  ._textAds li {
    list-style: none;
  }

  ._textAds li a {
    background: var(--bg2);
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    display: block;
    margin: 8px 0;
    padding: 10px;
    transition: all .2s;
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
  }

  ._textAds li a:hover {
    background: var(--primaryColor);
    color: #fff;
  }

  ._textAds li a:hover span {
    color: #fff;
  }

  ._textAds li a span {
    margin-top: 5px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #cfcece;
  }

  ._banner {
    margin-bottom: 15px;
  }

  ._banner img {
    max-width: 100%;
    margin: 5px 0;
    border-radius: 10px;
    height: auto;
  }

  .aligncenter {
    text-align: center !important;
    display: block;
    margin: 0 auto;
  }

  .all_key:hover {
    background: #6898f81f !important;
  }

  .all_key a {
    color: #6898f8 !important;
  }

  .all_key a:after {
    content: "\f053";
    font-size: 11px;
    position: relative;
    right: 5px;
    /* top: 1px; */
    display: inline-block;
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .item2 {
    color: var(--text);
    margin: 0 3px;
    position: relative;
    overflow: hidden;

    max-width: 140px;
    margin: 0 auto 10px;
  }

  .item2 a {
    color: var(--text);
  }

  .item2:hover .item2__mask {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
  }

  .item2__mask {
    position: absolute;
    transition: 0.3s;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 4px 8px;
    text-align: center;
    background: #000000ab;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    border-radius: 7px;
    visibility: hidden;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    font-size: 11px;
    transform: scale(1.5);
    text-align: center;
    justify-content: center;
  }

  .item2 img {
    border-radius: 7px !important;
    object-fit: cover;
    height: auto;
    aspect-ratio: 2/3;
  }

  .carousel_archive {
    font-weight: 400;
    border-radius: 4px;
    font-size: 12px !important;
  }

  .sidebarBoxOffice {
    display: flex;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--bg_lighter);
    padding-bottom: 10px;
  }

  .boxOffice__film__rank{
    background: var(--primaryColor);
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: sans-serif;
    margin: 4px;
    font-size: 13px;
    box-shadow: 0 0 4px rgb(0 0 0 / 39%);
  }
  .sidebarBoxOffice__right .boxOffice__film {
    display: flex;
    flex-direction: row;
  }

  .sidebarBoxOffice__right .boxOffice__meta {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--text);
    font-size: 13px;
  }

  .sidebarBoxOffice__right .boxOffice__meta a {
    font-size: 13px;
    font-weight: 300;
    color: #adadad;
    transition: all 0.3s;
  }

  .sidebarBoxOffice__right .boxOffice__meta h3 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: 700;
    color: var(--text);
    font-family: sans-serif;
  }



  .sidebarBoxOffice__right .boxOffice__film img {
    width: 100px;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    margin: 0 0 0 10px;
  }

  html.dark .sidebarBoxOffice{
    border-color: var(--bg_lighter);
  }

  .no-border{
    border: none!important;
  }
  .boxOfficeMore {
    color: var(--primaryColor);
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0;
    display: inline-block;
    border-radius: 50px;
    padding: 8px 20px;
    transition: all 0.2s;
  }

  .boxOfficeMore i {
    position: relative;
    top: 2px;
  }

  .boxOfficeMore:hover {
    background: var(--primaryColor)24;
    color: var(--primaryColor);
  }

  .owl-dot.active {
    width: 17px;
    height: 7px;
    background: var(--primaryColor) !important;
    border-radius: 50px;
  }

  .owl-dots {
    text-align: center;
  }

  .owl-dot {
    width: 7px;
    height: 7px;
    background: var(--primaryColor) !important;
    border-radius: 50px;
    margin: 0 2px;
    transition: all 0.2s;
  }

  .genre_card {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
    transition: all 0.2s;
  }

  .genre_card:active {
    transform: scale(.95);
  }

  .genre_card img {
    border-radius: 5px !important;
  }

  .genre_card__inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 15px;
  }

  .genre_card a {
    color: var(--text);
    font-size: 20px;
  }

  /* new post style */
  .post2 {
    background: var(--bg2);
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
  }

  .post2_bg{
    width: 100%;
    height: 320px;
    top: 0;
    /* filter: brightness(.8) saturate(100%) contrast(200%) hue-rotate(0) blur(10px); */
    filter: brightness(.8) blur(10px);
    z-index: 1;
    right: 0;
    position: absolute;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .1;
  }

  .relz2{
    position: relative;
    z-index: 2;
  }

  .post2_bg::before{
    content: '';
    background-image: linear-gradient(to bottom,var(--bg2)9e,var(--bg2));
    position: absolute;
    top:0;
    right: 0;
    width: 100%;
    height: 330px;
  }


  .post2 h2 {
    font-size: 18px;
    color: var(--text);
  }

  .post2 h2 a {
    color: var(--text);
  }

  .post2 h1{
    font-size: 18px;
    color: var(--text);
  }

  .post2 h1 a {
    color: var(--text);
  }

  .post2 .censored, .post2 .legal, .post2 .top250 {
    width: auto;
    margin: 0;
    margin-left: -3px;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: 0px 50px 50px 0;
  }

  .post2 .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px 0 0;
  }

  .post2 .censored {
    background: #eb8307;
    color: var(--text);
  }

  .post2 .dub{
    background: #3f51b5!important;
    color: var(--text);
  }

  .post2 .sub {
    background: #ec3a3a!important;
    color: var(--text);
  }

  .post2 .top250 {
    background: #efc01933;
  }

  .post2 .legal {
    background: #2a9cce;
    color: var(--text);
  }

  .post2 .censored i, .post2 .legal i {
    display: none;
  }

  .post2 .post_image {
    margin-top: 25px;
  }

  .post2 .post_image img {
    border-radius: 15px;
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }

  .post2 .post_details {
    margin-top: 25px;
  }

  .post2 .post_details .post_meta li {
    list-style: none;
    display: flex;
    color: var(--text);
    align-items: center;
    font-size: 14px;
  }

  .post2 .post_details .post_meta li p {
    padding: 5px;
    margin: 10px 0;
    color: var(--text);
    line-height: 1.9;
  }
  .post2 .post_details .post_meta li p .story {
    font-weight: 500;
  }

  .post2 .post_details .post_meta li a {
    color: var(--text);
    transition: all 0.2s;
  }

  .post2 .post_details .post_meta li a:hover {
    color: var(--text);
  }

  .post2 .post_details .post_meta li .seprator {
    flex: 1;
    height: 1px;
    background: #4a4a5982;
    margin: 0 10px;
  }

  .post2 .post_details .post_meta li strong {
    background: var(--bg_lighter);
    border-radius: 50px;
    font-size: 13px;
    font-weight: 400;
    margin: 3px 0;
    display: inline-block;
    min-width: 90px;
    color: var(--text);
    display: flex;
    align-items: center;
    padding-left: 20px;
  }
  .post2 .post_details .post_meta li strong .icon {
    background: #3e4dac;
    padding: 10px;
    display: inline-flex;
    min-width: 41px;
    justify-content: center;
    margin-left: 25px;
    border-radius: 0 50px 50px 0;
    position: relative;
    color: #fff;
  }
  .post2 .post_details .post_meta li strong .icon::after {
    content: '';
    border-style: solid;
    border-width: 0 15px 35px 0;
    border-color: transparent var(--primaryColor) transparent transparent;
    transform: rotate(0deg);
    position: absolute;
    left: -15px;
    top: 0;
  }


  .post2 .post_details .post_meta li strong .icon i{
    font-size: 15px;
    position: relative;
    right: 5px;
  }

  .post2 .post_details .post_meta li p i{
    font-size: 18px;
    vertical-align: middle;
  }

  .post2 .about_box {
    display: flex;
    justify-content: flex-end;
    padding: 0 20px;
    margin-bottom: 10px;
    align-items: center;
    margin-top: 40px;
  }

  .push_right{
    justify-content: flex-start !important;
  }

  .post2 .imdbRating_holder {
    float: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #fff;
  }

  .badges_new {
    margin: 15px 0 0;
    display: flex;
    gap: 10px;
    white-space: nowrap;
    overflow: auto;
    padding-bottom: 10px;
  }

  .badges_new .badge_blue{
    color: #03a9f4 !important;
  }

  .badges_new .badge_blue i{
    background: rgb(3 169 244 / 15%) !important;
  }

  .badges_new .badge_cyan{
    color: #00d69e !important;
  }

  .badges_new .badge_cyan i{
    background: rgb(0 214 158 / 15%) !important;
  }

  .badges_new .badge_red{
    color: #ff0045 !important;
  }

  .badges_new .badge_red i{
    background: rgb(255 0 69 / 15%) !important;
  }

  .badges_new .badge_orange{
    color: #ff7022 !important;
  }

  .badges_new .badge_orange i{
    background: rgb(255 112 34 / 15%) !important;
  }

  .badges_new .badge_yellow{
    color: #ffce00 !important;
  }

  .badges_new .badge_yellow i{
    background: rgb(255 206 0 / 15%) !important;
  }

  .badges_new .badge_dark_blue{
    color: #d41d95 !important;
  }

  .badges_new .badge_dark_blue i{
    background: rgb(160 29 212 / 15%) !important;
  }



  .badge_movie{
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
    font-size: 14px;
  }

  .badge_movie i {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    line-height: 0;
    background: #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
  }


  .post2 .badges ul {
    margin: 0;
    padding: 0;
  }

  .post2 .badges li {
    list-style: none;
    color: var(--text);
    display: inline-block;
    background: var(--primaryColor);
    padding: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
    transform: rotate(45deg);
    margin: 0 6px;
    cursor: help;
  }

  .post2 .badges li i {
    transform: rotate(-45deg);
  }

  .post2 .last_modified {
    color: var(--text);
    font-size: 14px;
  }

  .post2 .content {
    color: var(--text);
  }

  .post2 .section__title {
    padding: 10px 15px;
    border-radius: 15px;
    background: var(--bg_lighter2);
  }

  .post2 .content {
    border: solid 1px var(--bg_lighter2);
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 10px 15px 0 var(--bg);
  }

  .post2 .single_cast img {
    border-radius: 15px !important;
  }


  .post2 .section__title h3 {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: var(--text);
    margin: 0;
  }

  .post2 .single_cast {
    padding: 15px 5px;
  }

  .post2 .single_cast .owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;
  }

  .post2 .owl-prev.disabled, .post2 .owl-next.disabled {
    display: none !important;
  }

  .post2 .related_post_blog_item {
    background: var(--bg_lighter2);
    border-radius: 15px;
    margin-bottom: 0;
  }

  .post2 .single_cast .owl-next, .post2 .single_cast .owl-prev {
    width: 25px;
    height: 25px;
    background: var(--primaryColor) !important;
    border-radius: 50px;
    font-size: 21px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

  .post2 video {
    height: auto;
  }

  .post2 .single_cast .owl-prev {
    position: absolute;
    right: -10px;
  }

  .post2 .single_cast .owl-next {
    position: absolute;
    left: 0;
  }

  .post2 .single_cast .owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;
  }

  .single__content .owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;
  }

  .single__content .owl-prev.disabled, .single__content .owl-next.disabled {
    display: none !important;
  }

  .post2 .related_post_blog_item {
    background: var(--bg_lighter2);
    border-radius: 15px;
    margin-bottom: 0;
  }

  .single__content .owl-next, .single__content .owl-prev {
    width: 25px;
    height: 25px;
    background: var(--primaryColor) !important;
    border-radius: 50px;
    font-size: 21px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

  .single__content .owl-prev {
    position: absolute;
    right: -10px;
  }

  .single__content .related_film_item {
    background: var(--bg_lighter2);
    border-radius: 10px;
  }

  .single__content .owl-next {
    position: absolute;
    left: 0;
  }

  .post2 .nav-link {
    padding: 7px 15px;
    font-weight: 400;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 7px;
  }

  .post2 .nav-link.active {
    color: #fff !important;
  }

  .post2 .section__title i {
    margin-left: 3px;
  }

  .post2 .content_inner {
    border-radius: 3px;
    color: var(--text);
    font-weight: 400;
    padding: 10px;
    font-size: 14px;
    line-height: 1.7;
  }

  .post2 .content_inner a {
    color: var(--text);
    transition: all 0.3s;
  }

  .post2 .content_inner a:hover {
    color: var(--text);
  }

  .post2 .content_inner p {
    margin: 0;
  }

  .post2 .content_inner h1 {
    font-size: 20px;
    font-weight: bold;
  }

  .post2 .content_inner h2 {
    font-size: 19px;
    font-weight: 400;
  }

  .post2 .content_inner h3 {
    font-size: 18px;
    font-weight: 400;
  }

  .post2 .content_inner h4 {
    font-size: 17px;
    font-weight: 400;
  }

  .post2 .content_inner h5 {
    font-size: 16px;
    font-weight: 400;
  }

  .post2 .content_inner h6 {
    font-size: 15px;
    font-weight: 400;
  }

  .post2 .tab-pane {
    padding: 10px;
  }

  .modern_film_notice{
    background: var(--bg) !important;
  }

  .casual_film_notice{
    margin: -20px 0 10px !important;
    border-radius: 0px 0px 15px 15px !important;
    padding: 6px 15px 11px !important;
  }

  .post2 .download_item {
    position: relative;
    background: var(--bg_lighter2);
    padding: 20px 10px;
    border-radius: 5px;
    font-size: 13px;
    color: var(--text);
    border-right: solid 4px var(--bg);
    margin-top: 10px;
  }

  .post2 .download_info {
    display: inline-block;
    margin: 10px 0;
  }

  .post2 .align-left {
    float: left;
    display: flex;
    align-items: center;

  }


  .post2 .download_notice {
    z-index: 2;
    margin: -13px 0 10px;
    position: relative;
    border-radius: 0px 0px 5px 5px;
    padding: 4px 8px;
    font-size: 13px;
    background: var(--bg_darker);
  }


  .post2 .download_item .button {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 7px 10px;
    font-size: 13px;
    border-radius: 8px;
    margin: 0 3px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }


  .post2 .download_item .button_online {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    background: rgb(255 193 7 / 15%);
    padding: 1.7px;
    font-size: 13px;
    border-radius: 8px;
    margin: 0 3px;
    transition: all 0.3s;
    overflow: hidden;
    position: relative;
    color: #fec00b;
  }

  .post2 .online_text {
    transition: all 0.3s;
    border: none!important;
    padding-left: 10px;
  }

  /* series accordion */
  .post2 .accordion-button {
    background: var(--bg_lighter2);
    color: var(--text);
    font-size: 15px;
    font-weight: 300;
  }

  .button_online:hover{
    background: #fec00b !important;
    color: #000 !important;
  }

  .post2 .accordion-button:focus {
    box-shadow: none;
  }

  .post2 .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: auto;
    margin-left: 0;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
  }

  .post2 .accordion-item {
    background-color: var(--text);
    border: none;
    background-color: var(--bg_lighter2);
    border-bottom: solid 1px var(--bg2);
  }

  .post2 .accordion-item:last-of-type {
    border: none;
  }

  .post2 .new {
    margin-right: 10px;
  }

  .post2 .serial-dl-info {
    margin: 7px 0 !important;
  }

  .post2 .serial-item {
    background: #151924 !important;
  }

  .post2 .accordion-item:first-of-type .accordion-button {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }

  .post2.accordion-item:first-of-type {
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
  }

  .post2.accordion-item:last-of-type {
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
  }

  .post2 .accordion-item:last-of-type .accordion-button {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .post2 .accordion-body {
    padding: 4px 10px 15px;
  }

  .post2 .dl__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .post2 .dl__title span {
    color: var(--text);
    font-size: 13px;
    margin: 3px 0;
  }

  .post2 .dl__title span i {
    color: #ffc107;
  }

  .imdbRating_holder .imdbLogo {
    max-width: auto !important;
  }


  .post2 .imdbRating_holder .imdb_num strong {
    color: #f5c518;
    margin: 0;
    font-size: 21px;
  }

  .post2 .imdbRating_holder .imdb_num span {
    border: none;
    padding: 0;
    margin: -8px 0 2px;
  }

  .post2 .imdbRating_holder .imdb_num small {
    font-size: 13px;
    font-weight: 200;
  }

  .post2 .imdbRating_holder .imdbLogo {
    text-align: center;
    background: #efc019;
    padding: 0px 10px;
    margin: 0;
    border-radius: 7px;
    margin: 0 10px;
    position: relative;
  }

  .post2 .imdbRating_holder .imdbLogo::after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 7px 5px 0;
    border-color: transparent #efc019 transparent transparent;
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
  }

  .post2 .imdbRating_holder .imdbRate_nums {
    text-align: left;
    color: #fff;
    font-family: Impact, sans-serif;
    direction: ltr;
    font-size: 25px;
    line-height: 1rem;
  }

  .post2 .imdbRating_holder .imdbRate_nums small{
    font-size: 13px;
    color: #fff;
  }

  .post2 .imdbRating_holder .imdbRate_nums strong{
    font-size: 23px;
    color: #efc01a;
  }



  .post2 .imdbRating_holder .imdbLogo img{
    border-radius: 0;
    padding: 6px 0;
  }

  .post2 .simplefavorite-button {
    list-style: none;
    color: var(--text);
    background: var(--primaryColor);
    padding: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    cursor: pointer;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: -19px;
  }

  .post2 .about_box .post_download {
    background: var(--primaryColor);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 30px 10px 25px;
    border-radius: 50px;
    transition: all 0.2s;
    display: inline-block;
  }

  .post2 .about_box .post_download:hover {
    box-shadow: inset 0px 40px 0 #1789bb;
  }

  .post2 .about_box .post_download:active {
    transform: scale(.95);
  }

  .post2 .about_box .post_download i {
    margin-right: 10px;
    position: relative;
    top: 2px;
    font-size: 16px;
  }

  .post2 .content {
    color: var(--text);
  }

  .section__title {
    padding: 10px 15px;
    border-radius: 15px;
    background: var(--bg_lighter2);
  }

  .content {
    border: solid 1px var(--bg_lighter2);
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 10px 15px 0 var(--bg);
    background: var(--bg2);
    color: #f8f8f8;
  }

  .section__title h3 {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: var(--text);
    margin: 0;
  }

  .modern .comment-list .comment {
    background: var(--bg_lighter2);
    border-radius: 10px;
  }

  .content_inner .comments {
    margin: 0 !important;
  }

  .modern .form-submit {
    width: auto;
  }

  .modern .form-submit .submit {
    border-radius: 10px;
  }

  .modern .comment-form .form-control {
    border-radius: 10px;
    background: var(--bg_lighter2);
  }

  .modern .comment-list li ul.children li.comment {
    background: var(--bg2);
  }

  .collection_mask{
    opacity: 0.05;
    right: 0;
    left: 0;
    top: -100px;
    filter: blur(4px);
  }

  .collection_content {
    border: solid 1px var(--bg_lighter2);
    border-radius: 15px;
    box-shadow: 0 10px 15px 0 var(--bg_darker);
    background: var(--bg2);
    padding: 10px;
  }

  .collection_content .related_film_item{
    background: #2f2f3873;
  }
  .collection_title{
    color: var(--text);
    /* text-align: center; */
    padding-right: 30px;
  }

  .collection_title .from{
    color: #9ba1a6;
    font-weight: 200;
    font-size: 15px;
  }

  .collection_title .name{
    color: var(--text);
    font-size: 19px;
    font-weight: 500;
    margin: 0 0 10px;
  }
  .comment-form .form-control::placeholder{
    color: var(--text);
  }

  .btn-orange{
    color: #fff;
    background-color: #FF7555;
    border-color: #FF7555;
    font-weight: 300;
    font-size: 14px;
    padding: 9px 20px;
  }

  .btn-orange:hover{
    color: var(--text);
    background-color: #ff967d;
    border-color: #ff967d;
    color: var(--text);
  }

  .boxOffice_page{
    color: var(--text);
    font-size: 15px;
    font-weight: 300;
  }
  .boxOffice_page h2 a{
    color: var(--text);
    font-size: 24px;
  }

  .boxOffice_page h2 a:hover{
    color: var(--text);
  }

  .boxOffice_item{
    background: var(--bg2);
    padding: 15px;
    border-radius: 20px;
  }

  .boxOfficeWrap a{
    color: var(--text);
    font-size: 13px;
  }
  .boxOfficeWrap a:hover{
    color: var(--text);
  }


  .boxOffice_item .boxOffice_image{
    position: relative;
  }
  .boxOffice_item .boxOffice_image .rank{
    position: absolute;
    top: -25px;
    left: 50%;
    font-family: sans-serif;
    width: 35px;
    height: 35px;
    display: flex;
    border: solid 4px var(--bg2);
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transform: translateX(-50%);
    font-weight: 600;
    font-size: 14px;
  }

  .boxOffice_item .boxOffice_title h3{
    font-size: 21px;
    margin: 10px 0 0;
    font-weight: bold;
  }

  html.dark .boxOffice_item .boxOffice_image .rank{
    border-color: var(--text);
    color: var(--text);
  }

  html.dark .boxOffice_item .bg {
    background: var(--bg_lighter);
  }

  html.dark .boxOffice_item .boxOffice_title h3{
    color: var(--text);
  }

  .boxOffice_item .rank_all{
    position: absolute;
    right: 5px;
    font-family: sans-serif;
    top: -10px;
    background: #3f52b4;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-weight: 500;
    font-size: 14px;
  }

  .boxOffice_item .boxOffice_image img{
    width: 300px;
    height: 180px;
    border-radius: 15px;
    object-fit: cover;
    transition: all 2s;
    max-width: 130px;
  }

  .boxOffice_item .boxOffice_image img:hover{
    max-height: 500px;
  }

  .boxOffice_item .boxOffice__meta li{
    list-style: none;
    color: #e0dfdf;
    font-size: 14.5px;
    margin: 2px 0;
    font-weight: 500;
    padding: 10px 10px;
    border-radius: 50px;
  }

  .boxOffice_item .boxOffice__meta li span{
    font-family: sans-serif;
  }

  .boxOffice_item .bg{
    background: var(--bg_lighter);
  }

  .boxOffice_item .boxOffice__meta li a{
    color: #767c8d;
    font-size: 13.5px;
  }

  .boxOffice_item .boxOffice__meta li h3{
    font-size: 15px;
    color: #e1e1e1;
    font-weight: 500;
    margin-bottom: 15px;
  }

  .series_week{
    background: var(--bg2);
    /* padding: 15px; */
    margin-bottom: 15px;
    border-radius: 10px;
  }

  .series_week .series_week__header{
    display: flex;
    color: var(--text);
    justify-content: space-between;
    border-bottom: solid 1px var(--bg_lighter);
    padding: 15px 15px 0;
  }
  .series_week .series_inner{
    padding: 15px;
    color: var(--text);
  }

  .series_week .series_week__header h3{
    color: var(--text);
    font-size: 18px;
  }

  .series_week .series_week__header li{
    list-style: none;
    cursor: pointer;
    background: var(--bg_lighter);
    font-size: 14px;
    font-weight: 300;
    padding: 1px 6px;
    display: inline-block;
    margin: 0 -3px;
    transition: all 0.2s;
  }
  .series_week .series_week__header li.active{
    background: var(--primaryColor);
  }
  .series_week .series_week__header li:hover{
    background: var(--primaryColor);
  }
  .series_week .series_week__header li:first-child{
    border-radius: 0 5px 5px 0;
  }

  .series_week .series_week__header li:last-child{
    border-radius: 5px 0 0 5px;
  }

  .series_week .series_item{
    font-size: 13px;
    box-shadow: 1px 4px 3px var(--bg);
    border-radius: 20px;
    overflow: hidden;
  }

  .series_week .series_item .name,
  .series_week .series_item .update{
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
  }

  .series_week .update {
    color: #b3b3b3;
    font-size: 12px !important;
  }

  .series_week .not_found{
    border-radius: 7px;
    padding: 9px;
    text-align: center;
    font-weight: 300;
    background: #443d2c;
    color: #ffce00;
    font-size: 15px;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto;
  }

  .loader,
  .loader:after {
    border-radius: 50%;
    width: 3em;
    height: 3em;
  }
  .loader {
    margin: 10px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: .5em solid rgba(255, 255, 255, 0.2);
    border-right: .5em solid rgba(255, 255, 255, 0.2);
    border-bottom: .5em solid rgba(255, 255, 255, 0.2);
    border-left: .5em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    -moz-animation: load8 1.1s infinite linear;
    -o-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
  }
  @-webkit-keyframes load8 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes load8 {
    0% {
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -moz-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-o-keyframes load8 {
    0% {
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -moz-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes load8 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }


  .series_week .loading{
    /* background: var(--bg_lighter); */
    display: block;
    border-radius: 3px;
    padding: 9px;
    font-weight: 200;
    font-size: 15px;
  }

  .series_week .series_item a{
    color: var(--text);
  }

  .series_week .series_item img{
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 3px;
    margin-left: 10px;
  }

  .post2 #pills-tags a {
    color: #fafafa;
    font-size: 13px;
    background: var(--bg_lighter2);
    padding: 3px 8px;
    margin: 0 3px;
    display: inline-block;
    margin-bottom: 7px;
    border-radius: 3px;
  }

  .timer {
    display: flex;
    flex-direction: row-reverse;
    flex: 1;
  }

  .timer div{
    background: var(--bg2);
    padding: 4px;
    margin: 0 2px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    color: var(--text);
  }

  .timer span{
    font-size: 18px;
    font-weight: 500;
  }

  .timer .counter_label{
    font-size: 13px;
    font-weight: 300;
  }

  .count_row h4{
    color: var(--text);
      font-size: 15px;
  }

  .stars_wrap{
    overflow: hidden;
    transition: all 0.3s;
  }

  .collapse_stars{
    height: 216px;
    transition: all 0.3s;
  }

  .show_more{
    background: #3f52b4;
    color: var(--text);
    font-size: 14px;
    font-weight: 300;
    border: none;
    padding: 5px 14px;
    border-radius: 3px;


  }

  .taxonomy-description{
    font-size: 14px;
    font-weight: 300;
    margin: 10px 0;
    color: var(--text);
  }

  .info_rank{
    color: #efc019!important;
    width: fit-content!important;
    background: #efc01933!important;
    padding: 2px 6px!important;
    margin: 5px 0!important;
  }

  .report button{
    border: none;
    background: #ff75551c;
    color: #ff7555;
    font-size: 13px;
    font-weight: 400;
    border-radius: 5px;
    padding: 7px 10px;
    margin-bottom: 8px;
  }

  .report .share{
    background: #3fb5921c!important;
    color: #3fb592!important;
  }

  .report button i{
    margin-left: 5px;
    line-height: 0;
  }

  .report_modal{
    color: var(--text);
    z-index: 99999;
  }

  .report_modal .modal-header {
    border-bottom: 1px solid var(--bg_lighter);
  }

  .report_modal .modal-header h5 {
    font-size: 15px;
    font-weight: 400;
  }

  .report_modal .report_modal--close{
    color: var(--text);
    background: none;
    font-size: 15px;
    border: none;
    padding: 0;
    margin: 0;
    line-height: 0;
    margin-right: auto;
  }

  .report_modal .wpcf7-form-control{
    background: var(--bg2);
    border: none;
    padding: 8px;
    border-radius: 3px;
    font-size: 15px;
    color: var(--text);
    width: 100%;
    outline: none!important;
    color: #fff;
  }

  .report_modal .wpcf7-submit{
    background: #12ae40;
    width: auto;
    padding: 5px 15px;
    font-weight: 600;
    font-size: 17px;
  }
  .report_modal .wpcf7-form-control-wrap{
    position: relative;
    margin: 5px 0;
    display: block;
  }
  .report_modal .modal-body{
    font-size: 14px;
    line-height: 2;
  }
  .report_modal label{
    width: 100%;
  }

  .report_modal .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background: #ffb900;
    border: none;
    color: #000;
    border-radius: 3px;
    padding: 6px;
  }

  .report_modal .wpcf7 form.sent .wpcf7-response-output {
    background: #46b450;
    border: navajowhite;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
  }

  .txt_flow{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .msg{
    /* padding: 14px; */
    padding-bottom: 10px;
    display: none;
    margin-bottom: 10px;
  }
  .msg>div{
    margin-bottom: 10px;
  }

  .rcp_success{
    position: relative;
    border-radius: .25rem;
    color: #0dbd67;
    background-color: #0cbd5014;
    padding: 13px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    text-align: center!important;
  }

  .load_overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #24242b8c;
    z-index: 3;
    display: none;
  }


  .lds-ellipsis {
    display: inline-block;
    position: relative;
    top: 50%;
    left: -50%;
    transform: translate(50%, -50%);
    width: 80px;
    height: 80px;
  }
  .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--bg2);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }

  .mask_gradient{
    background: linear-gradient(0deg,var(--bg),transparent);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
  }

  .search_modal{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000000e3;
    z-index: 99999999999;
    color: var(--text);
    overflow-y: auto;
    backdrop-filter: blur(5px);
    display: none;
  }

  .search_modal_gradient{
    width: 100%;
    height: 100px;
    right: 0;
    position: fixed;
    top: 0;
    z-index: -1;
    background: linear-gradient(-180deg,#1a1a1a 10%,rgba(26,26,26,0) 100%);
  }
  .search_modal__inner{
    padding: 70px 0 20px;
    display: flex;
    justify-content: center;
  }

  .search_modal__form{
    display: flex;
    width: 100%;
    align-items: center;
  }

  .search_modal_input{
    flex: 1;
    background: var(--bg2);
    border: none;
    padding: 14px 14px;
    border-radius: 10px;
    font-size: 14px;
    color: var(--texts);
    outline: none;
    transition: all .3s;
  }


  .search_modal_submit{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    outline: none;
    font-size: 20px;
    color: #fff;
    margin-left: 5px;
    line-height: 0;
  }

  .search_modal__i{
    flex: 1;
    display: flex;
    width: 100%;
  }

  #close_search_modal{
    margin-right: 20px;
    font-size: 14px;
    cursor: pointer;
  }

  .s_trends li{
    list-style: none;
    border-bottom: solid 1px #85858554;
    padding: 8px 5px;
    color: #c8c8c8;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
  }

  .s_trends li:last-child{
    border-bottom: none;
  }

  .remove_trend_btn{
    margin-right: auto;
    border: none;
    border-radius: 5px;
    font-size: 13px;
    background: #e74b3c36;
    color: #e74b3c;
    line-height: 0;
    width: 25px;
    height: 25px;
  }

  .s_trends li i.bi-search{
    color: #858585;
    margin-left: 5px;
  }

  .modal_center{
    display: flex;
    justify-content: center;
  }

  .s_trends h3{
    font-size: 16px;
    color: #eeeded;
  }

  .search_row a{
    color: var(--text);
    padding: 20px;
    transition: all 0.1s;
    border-radius: 10px;
  }

  .search_row a:hover{
    background: #363636f5;
    color: var(--text);
    padding: 20px;
  }

  .search_row a:hover >.watch{
    color: green;
  }

  .search_row_info{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

  .search_row .search_image{
    margin-left: 10px;
  }

  .search_row .title{
    font-weight: 700;
    font-size: 15px;
  }

  .search_row .year{
    font-size: 14px;
    color: var(--text);
  }

  .search_row .genres{
    font-size: 14px;
    color: var(--text);
  }

  .search_row .plot{
    font-size: 13px;
    color: #cbc6c6;
  }


  .search_row .search_image img{
    width: 130px;
    height: auto;
    border-radius: 5px;
    object-fit: cover;
  }

  .search_row .watch{
    display: flex;
    align-items: center;
    font-size: 14px;
  }

  .search_row .watch i{
    font-size: 26px;
    line-height: 0;
    margin-left: 8px;
  }
  #datafetch2 .center{
    display: flex;
      justify-content: center;
  }

  #datafetch2 .show_more{
    width: 100%;
    text-align: center;
    margin: 10px 0;
    padding: 10px;
    background: #353535;
    color: var(--text);
  }

  .share_modal .social ul{
    display: flex;
    justify-content: space-evenly;
  }

  .share_modal .social li{
    list-style: none;
    padding: 5px;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    text-align: center;
    transition: all ease-in-out 0.3s;
    justify-content: center;
    align-items: center;
    line-height: 0;
    font-size: 23px;
  }

  .artist_works{
    background: var(--bg2);
    padding: 10px;
    border-radius: 5px;
    color: var(--text);
    margin-bottom: 30px;
  }

  .artist_works img{
    max-width: 100px;
    /* width: 100%; */
    max-height: 148px;
    /* height: 100%; */
    border-radius: 5px;
    object-fit: cover;
  }

  .artist_title{
    font-size: 14px;
    color: #e1e1e1;
    font-weight: 500;
    margin-bottom: 15px;
  }

  .imdb_rate{
    background: #ffbf0138;
    width: fit-content;
    color: #ffbf00;
    padding: 6px 6px;
    border-radius: 50px;
    line-height: 0;
    font-size: 13px;
    margin-bottom: 5px;
  }

  .a_genres a{
    background: #4a4a5240;
    width: fit-content;
    color: #b2b2b2;
    padding: 2px 11px;
    border-radius: 50px;
    font-size: 13px;
    display: inline-block;
    margin: 10px 0 0px 3px;
  }


  .panel_film_sort li{
    list-style: none;
    background: var(--bg_lighter);
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    gap: 10px;
  }

  .panel_film_sort .sort_id{
    background: var(--bg2);
    display: flex;
    width: 35px;
    height: 35px;
    font-size: 14px;
    font-family: sans-serif;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    margin-left: 10px;
  }

  .panel_film_sort h2{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
  }

  .panel_film_sort figure{
    margin: 0;
  }

  .remove_film_item{
    align-self: flex-start;
    background: transparent;
    border: none;
    outline: none;
    color: var(--text);
    margin: 0;
    padding: 0;
    font-size: 12px;
  }

  .panel_film_sort .listItem img{
    object-fit: cover;
    border-radius: 3px;
  }

  .film_search{
    align-items: center;
    background: var(--bg_lighter);
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 300;
    display: flex;
    gap: 10px;
  }
  .film_search input{
    flex: 1;
    background: var(--bg2);
    border: solid 1px var(--bg2);
    border-radius: 5px;
    padding: 7px;
    font-size: 14px;
    outline: none;
    color: var(--text);
  }

  .film_search button{
    border: transparent;
    background: #3f51b5;
    color: var(--text);
    font-size: 14px;
    padding: 7px;
    border-radius: 5px;
    min-width: 100px;
    font-size: 15px;
    font-weight: bold;
  }

  .film_search .search_fetch_data{
    top: 100%;
    right: 0;
    margin: 4px 0;
    background: #3b3b47;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    height: 300px;
    z-index: 2;
    overflow: scroll;
  }

  .search_fetch_data{
    display: none;
  }

  .search_fetch_data li{
    position: relative;
  }
  .search_fetch_data li .link_abs{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }

  .search_fetch_data h2{
    color: var(--text);
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 3px;
  }

  .search_fetch_data p{
    color: #d3d3d3;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 3px;
  }

  .search_fetch_data figure{
    margin-bottom: 0px;
  }

  .search_fetch_data figure img{
    border-radius: 3px;
  }

  .search_fetch_data figcaption{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .film_s_imdb i{
    color: #ffc52b;
  }
  .film_s_imdb{
    font-size: 13px;
    font-weight: 500;
  }

  /* The switch - the box around the slider */
  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }

  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  /* The slider */
  .slider_ {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bg_lighter2);
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
  }

  .slider_:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background: var(--bg2);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
  }

  input:checked + .slider_ {
    background-color: #2196F3;
  }

  input:focus + .slider_ {
    box-shadow: 0 0 1px #2196F3;
  }

  input:checked + .slider_:before {
    -webkit-transform: translateX(26px);
    -moz-transform: translateX(26px);
    -o-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }

  /* Rounded sliders */
  .slider_.round {
    border-radius: 34px;
  }

  .slider_.round:before {
    border-radius: 50%;
  }

  .small_custom{
    font-size: 10px;
    margin-right: 10px;
    color: var(--text);
  }

  .custom_list{
    background: var(--bg2);
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0px 0px 13px #10101438;
    margin-bottom: 23px;
  }

  .custom_list .custom_list_images{
    margin-top: 10px;
    margin-bottom: 10px;
    gap: 20px;
    display: flex;
    flex-direction: column;
  }
  .custom_list .custom_list_images div{
    display: flex;
    justify-content: space-around;
  }

  .custom_list .custom_list_images img{
    border-radius: 15px;
    width: 120px;
    height: 120px;
    object-fit: cover;
    margin-bottom: 5px;
  }

  .custom_list h3{
    font-size: 14px;
    text-align: center;
    color: var(--text);
    font-weight: 300;
    padding: 15px 0;
    border-top: solid 1px var(--bg_lighter2);
    border-bottom: solid 1px var(--bg_lighter2);
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
  }

  .custom_list a.author{
    font-size: 14px;
    color: var(--text);
    margin-right: 10px;
    background: #3e4dab;
    padding: 4px 13px;
    border-radius: 50px;
  }

  .custom_list a.list{
    font-size: 14px;
    color: var(--text)!important;
    margin-left: 10px;
  }

  .custom_list_meta{
    display: flex;
    color: var(--text);
  }

  .custom_list_meta span{
    flex: 1;
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
  }
  .custom_list_meta span:first-of-type{
    border-left: solid 1px var(--bg_lighter2);
  }

  .single_list{
    background: var(--bg2);
  }

  .modern_list{
    background: var(--bg);
  }

  /* .single_list h3{
    border-color: var(--bg2);
  }

  .single_list span:first-of-type{
    border-color: var(--bg2);
  } */

  .single_list img{
    flex: 1;
    /* margin: 5px; */
    padding: 5px;
  }
  .list_text{
    color: var(--text);
  }

  html.dark .list_text{
    color: var(--text);
  }

  html.dark .post2_bg{
    display: none;
  }

  html.dark .profile__avatar h1{
    color: var(--text);
  }

  html.dark .profile_tab .nav-link.active{
    color: #fff!important;
  }

  html.dark .profile_tab .nav-link {
    background: #e0eafd;
  }

  .profile__avatar img{
    border-radius: 50%;
  }

  .profile__avatar h1{
    margin: 10px 0;
    color: var(--text);
    font-size: 25px;
    font-weight: 300;
  }

  .widget .nav-link{
    border-radius: 50px;
    padding: 3px 15px;
  }
  .nav-link.active{
    color: #fff!important;
    border-radius: 50px;
  }

  .profile_tab .nav-link{
    background: var(--bg2);
    padding: 10px 20px;
    margin-left: 15px;
    border-radius: 50px;
  }

  .slider_actions {
    line-height: 0;
    font-size: 13px;
  }

  .owl-item.active .slider_info img{
    position: relative;
    animation-duration: .8s;
    animation-fill-mode: both;
    animation-name: fadein;
    animation-delay: 0.1s;
  }

  .owl-item.active .slider_info .description{
    position: relative;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadein;
    animation-delay: 0.4s;
  }
  .owl-item.active .slider_info p{
    position: relative;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-name: fadein;
    animation-delay: 0.5s;
  }

  .owl-item.active .slider_info .slider_link{
    position: relative;
    animation-duration: 3s;
    animation-fill-mode: both;
    animation-name: fadein;
    animation-delay: 0.1s;
  }

  @keyframes fadein {
    from { opacity: 0; bottom: -10px; }
    to   { opacity: 1; bottom: 0px; }
  }

  .box_office_html{
    color: var(--text);
  }

  .visits_html{
    color: var(--text);
  }

  .visits_html .not_found {
    display: block;
    border-radius: 3px;
    padding: 9px;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
  }

  .breadcrumbs{
    display: flex;
    margin-bottom: 15px;
    font-size: 14px;
    color: var(--text);
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 15px;
  }
  .breadcrumbs .breadcrumbs__separator{
    margin: 0 13px;
    line-height: 25px;
  }
  .breadcrumbs a{
    color: var(--text);
    transition: all .3s;
  }

  .breadcrumbs a:hover{
    color: var(--text);
  }

  html.dark .breadcrumbs a, html.dark .breadcrumbs{
    color: var(--text);
  }

  html.dark .post2 h1 a {
    color: var(--text);
  }


  /* vc-toggle */
  .switch-toggle small{
    margin-left: 10px;
    font-size: 13px;
  }
  .switch-toggle {
    width: auto;
    display: flex;
    align-items: center;
    color: var(--text);
  }
  .switch-toggle label {
    width: 50px;
    height: 30px;
    position: relative;
    display: block;
  }
  .switch-toggle label span {
    position: absolute;
    background-color: var(--bg_lighter);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 50px;
    cursor: pointer;
  }
  .switch-toggle label input{
   visibility: hidden;
  }
  .switch-toggle label span:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 100%;
    top: 5px;
    left: 5px;
    transition: 0.5s;
  }
  .switch-toggle label input:checked + span:after{
  transform: translateX(20px);
  }
  .switch-toggle label input:checked + span {
    background: #4051b6;
  }
  /* vc-toggle */

  /* mixed slider */
  .mixedSlider_wrap{
    padding: 85px 0 30px;
    display: block;
    background: #101014;
    height: 600px;
  }
  .mixed-slider{
    direction: ltr;
    margin-top: 70px;
  }
  /* fix stagePadding */
  .mixed-slider .owl-stage{
    left: -31px;
  }

  .mixed-slider .owl-item{
    margin: 15px 0 0;
  }

  .mixed-slider .film_cat img{
    height: auto;
  }

  .mixedSlider_wrap .leftSide h2{
    font-family: sans-serif;
    font-weight: 700;
    color: var(--text);
    z-index: 2;
    text-align: left;
    max-width: 320px;
    font-size: 36px;
  }

  .mixed_slider_bg{
    position: absolute;
    left: 0;
    top: 0;
    height: 633px;
    width: 100%;
    object-fit: cover;
    transition: all .3s;
  }

  .mixed_slider_link{
    z-index: 2;
  }

  .mixedSlider_wrap .dark_bg{
    background: linear-gradient(270deg,var(--bg) 30%,rgba(10,13,16,0));
    width: 100%;
    height: 633px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }


  html.dark .mixedSlider_wrap .dark_bg{
    background: linear-gradient(270deg,#1c1c2299 30%,rgba(10,13,16,0));
  }
  /* .mixedSlider_wrap .dark_bg::after{
    background: rgba(0,0,0,.3);
    content: "";
    height: 100%;
    mix-blend-mode: multiply;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  } */

  .mixed_imdb{
    z-index: 2;
    text-align: left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    color: var(--text);
  }

  .mixed_imdb .imdbLogo{
    text-align: center;
    background: #efc019;
    padding: 0px 10px;
    margin: 0;
    border-radius: 7px;
    position: relative;
    max-width: 70px;
  }

  .mixed_imdb .imdbRate_nums{
    font-family: impact;
    direction: ltr;
    font-size: 28px;
  }
  .mixed_imdb .imdbRate_nums small{
    font-size: 13px;
  }


  .mixedSlider_wrap .mixed_slider_rate{
    background: #00000073;
    border-radius: 12px;
    padding: 10px 15px;
    color: var(--text);
    z-index: 2;
    font-size: 13px;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: sans-serif, dana, iranSans, iranyekan;
  }

  .mixed_slider_icon{
    z-index: 2;
    color: var(--text);
    font-size: 29px;
    background: rgb(255 255 255 / 20%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    backdrop-filter: blur(5px);
    transition: all .2s;
    position: absolute;
    right: calc(50% - -90px);
    left: auto;
    /* top:30%; */
    top: 240px;
  }

  .mixed_slider_icon:hover{
    color: var(--text);
    transform: scale(1.2);

  }


  .mixed_slider_icon::before{
    content: "";
    border: solid 1px rgb(255 255 255 / 50%);
    width: 100px;
    height: 100px;
    background: transparent;
    position: absolute;
    border-radius: 50%;
  }

  .mixed_slider_icon::after{
    content: "";
    border: solid 1px rgb(255 255 255 / 50%);
    width: 130px;
    height: 130px;
    background: transparent;
    position: absolute;
    border-radius: 50%;
  }

  .new_advanced_search{
    background: var(--bg2);
    display: flex;
    position: relative;
    z-index: 22;
    margin: -12px 0 0;
    border-radius: 30px;
    padding: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
  }


  .new_advanced_search .search_type{
    background: var(--bg);
    padding: 10px;
    border-radius: 20px;
    justify-content: space-around;
    /* width: 20%; */
    color: var(--text);
    font-size: 14px;
    height: 60px;
    align-items: center;
  }

  .new_advanced_search .search_type span{
    cursor: pointer;
    flex: 1;
    text-align: center;
    border-radius: 15px;
    padding: 7px 20px;
    transition: all .2s;
  }

  .new_advanced_search .search_type span.active{
    background: #4051b6;
  }

  #adv_genre{
    display: none;
  }

  .nice-select .list{
    max-height: 300px;
    overflow: auto!important;
    right: 0;
    left: auto;
    min-width: 170px;
    width: 100%;
    background: var(--bg)!important;

  }

  .nice-select .option{
    padding: 0 10px!important;
    min-width: 150px;
    text-align: right!important;
    font-size: 13px;
  }

  .nice-select{
    height: 53px!important;
    padding-right: 19px!important;
    padding-left: 30px!important;
    display: flex!important;
    align-items: center;
    background: var(--bg)!important;
    border: none!important;
    border-radius: 20px!important;
    color: var(--text)!important;
  }




  .adv_search_submit{
    background: #4051b6;
    color: #fff;
    border-radius: 20px;
    border: none;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 14px;
    height: 60px;
    align-items: center;
    transition: all .3s;
  }

  .adv_search_submit:hover{
    opacity: .8;
  }

  .nice-select:after{
    right: auto!important;
    left: 12px!important;
    border-bottom: 2px solid #fff!important;
    border-right: 2px solid #fff!important;
  }

  .nice-select .list{
    max-height: 300px;
    overflow-y: auto;
    right: 0;
    left: auto;
    background: var(--bg)!important;

  }

  .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: var(--bg2)!important;
  }

  .adv_more_filters{
    background: var(--bg);
    color: var(--text);
    border-radius: 20px;
    border: none;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 60px;
    align-items: center;
  }

  .adv_more_filters i{
    line-height: 0;
    background: var(--bg2);
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 10px;
  }

  .adv_search_badge{
    font-size: 13px;
    color:#fff;
    margin-left: 10px;
  }


  #adv_search_more{
    min-height: 100px;
    position: absolute;
    top: 120px;
    width: 100%;
    background: var(--bg2);
    right: 0;
    border-radius: 30px;
    z-index: 9999;
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    box-shadow: 0 0 8px 7px var(--bg);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }

  #adv_search_more.show{
    opacity: 1;
    top: calc(100% + 25px);
    visibility: visible;
  }

  #adv_search_more::after{
    border: 15px solid transparent;
    border-bottom-color: var(--bg2);
    bottom: 100%;
    content: "";
    display: block;
    height: 0;
    left: 17%;
    position: absolute;
    width: 0;
    z-index: 2;
  }

  #adv_search_more small{
    margin:0  10px;
    color: var(--text);
  }

  .mobile_adv_trigger{
    border: solid 1px var(--bg2);
    height: 60px;
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0 -20px;
    background: transparent;
    color: #ffff;
    border-radius: 20px;
    font-size: 15px;
    display: none;
  }

  .mobile_adv_trigger .toggle_status{
    line-height: 0;
    background: var(--bg2);
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin:0 10px;
  }

  .mobile_adv_trigger .filter_icon{
    line-height: 0;
    background: #4051b6;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 10px;
  }

  #mobile_adv_search{
    width: 100%;
    height: 100vh;
    background: rgb(27 31 40 / 80%);
    position: fixed;
    overscroll-behavior: contain;
    top: 0;
    z-index: 999999999999;
    margin: 0;
    padding: 0;
    right: 0;
    left: 0;
    bottom: 0;
    color: var(--text);
    backdrop-filter: blur(14px);
    overflow-y: auto;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
  }

  #mobile_adv_search.active{
    visibility: visible;
    opacity: 1;
  }

  #mobile_adv_search .nice-select{
    background: #131414!important;
  }

  #mobile_adv_search .nice-select .list{
    background: #131414!important;
  }

  .mobile_adv_search__header{
    color: var(--text);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
  .mobile_adv_search__header h3{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
  }

  .mobile_adv_search__header .mobile_adv_search_close{
    background: #131414;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border: none;
    color: var(--text);
    font-size: 13px;
  }

  .nice-box{
    height: 53px;
    padding-right: 19px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    background: #131414;
    border: none;
    border-radius: 20px;
    color: var(--text);
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .mobile_adv_submit{
    display: block;
    width: 100%;
    height: 55px;
    border-radius: 20px;
    border: none;
    outline: none;
    background: #4051b6;
    color: var(--text);
    font-size: 16px;
    font-weight: 300;
  }


  html.dark .mobile_adv_trigger{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: #6881aa;
  }

  html.dark .mobile_adv_trigger .toggle_status{
    background: #e1ebfd;
  }

  html.dark .mobile_adv_trigger .filter_icon{
    color: #fff;
  }

  html.dark .new_advanced_search{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: #6881aa;

  }

  html.dark .new_advanced_search .search_type{
    background: var(--bg_lighter);
    color: #6881aa;
  }

  html.dark .comfortSlider_wrap .mixed_slider_rate{
    color: #fff;
  }

  html.dark .new_advanced_search .search_type span.active{
    color: #fff;
  }

  html.dark .adv_search_badge{
    color: #6881aa;
  }

  html.dark .nice-select{
    background: var(--bg_lighter)!important;
    color: #6881aa!important;
  }

  html.dark .nice-select .list{
    background: var(--bg2)!important;
  }

  html.dark #mobile_adv_search .nice-select{
    background: #e1ebfd!important;
    color: #6881aa!important;
  }

  html.dark #mobile_adv_search .nice-select .list{
    background: var(--bg2)!important;
  }

  html.dark .nice-box{
    background: #e1ebfd!important;
    color: #6881aa!important;
  }

  html.dark #mobile_adv_search .switch-toggle label span {
    background: #b9c3d4!important;
  }

  html.dark .mobile_adv_search__header .mobile_adv_search_close{
    background: #e1ebfd!important;
    color: #6881aa!important;
  }

  html.dark #mobile_adv_search{
    background: rgb(226 235 253 / 33%);
  }

  html.dark .mixedSlider_wrap .film_cat_title{
    color: #fff;
  }
  html.dark .mixed_slider_icon{
    color: #fff;
  }

  html.dark .mixedSlider_wrap .leftSide h2,
  html.dark .mixed_imdb .imdbRate_nums,
  html.dark .mixedSlider_wrap .mixed_slider_rate{
    color: #fff;
  }

  html.dark .nice-select:after {
    border-bottom: 2px solid #6881aa!important;
    border-right: 2px solid #6881aa!important;
  }

  html.dark .switch-toggle small{
    color: #6881aa!important;
  }

  /* html.dark .switch-toggle label span{
    background: #e1ebfd!important;
  } */

  html.dark .switch-toggle label input:checked + span {
    background: #4051b6!important;
  }

  html.dark .adv_more_filters{
    background: var(--bg_lighter);
    color: #6881aa;
  }

  html.dark .adv_more_filters i{
    background: #6881aa;
    color: #fff;
  }

  html.dark .nice-select .option:hover,
  html.dark .nice-select .option.focus,
  html.dark .nice-select .option.selected.focus {
    background-color: #e1ebfd!important;
    color: #6881aa!important;
  }

  html.dark #adv_search_more{
    background: var(--bg2);
    box-shadow: none;
  }

  html.dark #adv_search_more::after{
    border-bottom-color: #fff;
  }

  html.dark .cat_title_more{
    color: var(--bg_darker)!important;
  }


  html.dark .cat_title_more i{
    background: var(--bg_darker);
    color: #fff;
  }

  html.dark .big_cat_title .icon{
    color: var(--bg_darker);
    opacity: .2!important;
  }

  html.dark .big_cat_title .cat_title_badge{
    color: var(--bg_darker)!important;
  }

  html.dark .film_cat .film_overlay .censored{
    border: solid 4px #0a0a0d1f;
  }

  html.dark .slider .slider_info h2{
    color: #fff;
  }

  html.dark .slider .mask_gradient {
    background: linear-gradient(0deg,#000000ba,transparent);
  }

  html.dark .slider_actions{
    color: #fff;
  }

  html.dark .film_cat .film_overlay .sub{
    border: solid 4px #0a0a0d1f;
  }

  html.dark .film_cat .film_overlay .dobed{
    border: solid 4px #0a0a0d1f;
  }

  html.dark .mixed-slider .film_cat .film_overlay .censored{
    border: solid 4px #0a0a0d1f;
  }

  html.dark .mixed-slider .film_cat .film_overlay .sub{
    border: solid 4px #0a0a0d1f;
  }

  html.dark .mixed-slider .film_cat .film_overlay .dobed{
    border: solid 4px #0a0a0d1f;
  }

  .form-control:focus{
    outline: none!important;
  }

  .top-fixed-now0{
    background: var(--bg_darker)!important;
    z-index: 999999;
    backdrop-filter: blur(8px);
  }

  html.dark .top-fixed-now0{
    background: var(--bg_lighter)!important;
    z-index: 999999;
  }

  html.dark .top-fixed-now0 a{
    color: var(--text)!important;
  }

  html.dark .post2 .post_details .post_meta li strong .icon{
    color: #fff;
  }

  html.dark .post2 .imdbRating_holder .imdbRate_nums small{
    color: var(--text);
  }

  .featured button.owl-prev .slider_actions, .featured button.owl-next .slider_actions{
    left: 0;
  }

  .mixed-slider .film_cat {
      max-width: 220px
  }


  /* all actors page */

  .postItem{
    background: var(--bg2);
    padding: 20px 10px 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 13px #10101438;
    margin-bottom: 23px;
    text-align: center;
  }

  .postItem .postItem_image img{
    max-width: 100%;
    width: 169px;
    height: 169px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 10px;
    background: var(--bg);
  }

  .postItem .postItem_title h2{
    font-size: 16px;
    padding: 10px 0 0;
    margin-bottom: 0;
    color: var(--text);
    font-weight: 300;
  }

  .content__header h1{
    font-size: 20px;
    color: var(--text);
    display: inline-block;
  }

  .image-round img{
    border-radius: 15px!important;
  }

  .film_overlay2_meta img{
    border-radius: 0px!important;
  }

  .elementor_carousel .owl-stage-outer{
    padding: 15px 0;
  }

  .elementor_stars img{
    max-width: 138px!important;
    max-height: 138px!important;
    object-fit: cover!important;
  }

  .mal_holder .imdbLogo{
    background: #2e51a2!important;
    color: #fff;
    font-family: Impact, sans-serif;
    font-weight: bold;
  }

  .mal_holder .imdbLogo::after{
    border-color: transparent #2e51a2 transparent transparent!important;
  }

  .mal_holder  .imdbRate_nums strong{
    color: #2e51a2!important;
  }


  .req_type_wrap{
    display: inline-flex;
    background: var(--bg_lighter);
    padding: 10px 2px;
    align-items: center;
    justify-content: space-around;
    min-width: 120px;
    border-radius: 5px;
  }

  .req_type_wrap span{
    background: transparent;
    cursor: pointer;
    padding: 5px 10px;
    transition: all .3s;
  }

  .req_type_wrap span.active{
    background: var(--primaryColor);
    border-radius: 4px;
    color: #fff;
  }

  .req_heading{
    color: #d3d3d3;
    font-weight: normal;
    font-size: 14px;
  }

  .table_badge{
    border: 1.5px solid #ffad49;
    border-radius: 10px;
    color: #ffad49;
    padding: 5px 10px;
    white-space: nowrap;
  }

  .table_badge.green{
    border: 1.5px solid #07c462;
    color: #07c462;
  }

  .table_badge.red{
    border: 1.5px solid #ff4949;
    color: #ff4949;
  }

  .table_badge.blue{
    border: 1.5px solid #36b9d5;
    color: #36b9d5;
  }

  .sidebar .nav_panel .sub-menu {
    margin-bottom: 0!important;
  }

  .sidebar .nav_panel .sub-menu i {
    font-size: 12px;
    vertical-align: middle;
  }

  .flex-1{
    flex: 1!important;
  }

  #dep{
    outline: none!important;
  }

  .ticket_info {
    background: var(--bg_lighter);
    padding: 10px;
    border-radius: 4px;
    font-size: 13px;
    display: flex;
  }

  .ticket_info div{
    margin-left: 10px;
    display: flex;
    align-items: center;
  }

  .ticket_info div i{
    width: 30px;
    height: 30px;
    background: var(--primaryColor);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
  }

  .ticket_msg img {
    border-radius: 50%;
    margin-left: 15px;
  }

  .ticket_msg .ticket_msg_box {
    background: var(--bg_lighter);
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    min-width: 50%;
    position: relative;
  }
  .ticket_msg .ticket_msg_box::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent var(--bg_lighter);
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    position: absolute;
    top: 18px;
    z-index: 1;
    left: auto;
    right: -8px;
  }


  .ticket_msg .ticket_msg_info{
    border-top: solid 1px rgb(87 87 105 / 28%);
    margin-top: 10px;
    padding-top: 5px;
    font-size: 13px;
  }

  .ticket_send_form{
    margin-top: 30px;
    position: relative;
    padding: 0 7px;
    display: flex;
    gap: 10px;
  }

  .ticket_send_form textarea{
    min-height: 100px;
    width: auto!important;
    flex:1;
  }

  .ticket_send_form button{
    line-height: 0;
    height: 38px;
    background: var(--primaryColor);
    color: var(--text);
    border: none;
    border-radius: 5px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    margin-right: 7px;
    font-size: 13px;
  }

  .ticket_send_form button i{
    margin-left: 5px;
  }

  .ticket_msg.reply_support{
    flex-direction: row-reverse;
  }
  .ticket_msg.reply_support .ticket_msg_box::before{
    left: -16px;
    right: auto;
    border-color: transparent var(--primaryColor) transparent transparent;
    border-width: 6px 6px 6px 10px;
  }

  .ticket_msg.reply_support img{
   margin-left: 0;
   margin-right: 15px;
  }

  .ticket_msg.ticket_msg.reply_support .ticket_msg_box{
    background: var(--primaryColor);
  }

  .panel_notfound img{
    max-width: 150px;
    max-height: 150px;
  }

  .panel_notfound h3{
    font-size: 18px;
    font-weight: 600;
  }

  html.dark .panel_notfound h3{
    color: var(--text);
  }

  .movie_score{
    color: var(--text);
    font-family: sans-serif;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-left: 10px;
  }

  .movie_score img{
    margin-right: 5px;
  }

  html.dark.movie_score{
    color: var(--text);
  }

  .post_vote{
    color: var(--text);
    margin-left: 20px;
    display: flex;
  }

  .post_vote_up::after{
    content: '';
    height: 100%;
    background: var(--bg2)fff;
    border-left: solid 2px #2e2f38;
    margin-right: 15px;
  }
  .post_vote img{
    margin-left: 2px;
  }
  .post_vote svg{
    margin-left: 2px;
    width: 19px;
    height: 19px;
    fill: #fff;
    transition: all .2s;
  }

  .post_vote .post_vote_up, .post_vote .post_vote_down{
    font-size: 15px;
    background: none;
    color: var(--text);
    border: none;
    outline: none;
    padding: 0 4px;
    transition: all .2s;
  }

  .post_vote_up:hover, .post_vote_down:hover{
    color: #ffad49;
  }

  .post_vote_up:hover svg, .post_vote_down:hover svg{
    fill: #ffad49;;

  }

  .post_vote .vote_stats{
    display: flex;
    align-items: center;
    color: #ffad49;
    margin-right: 15px;
  }

  .post_vote .vote_stats span{
    font-weight: 400;
    font-size: 14px;
  }

  .post_vote .vote_stats small{
    margin-right: 3px;
  }

  .post_vote .vote_stats svg{
    position: relative;
    top: -2px;
    margin-left: 5px;
    fill: #ffad49;
  }
  .post_meta--left{
    text-align: left;
  }

  .post_meta--left span{
    background: #30303c;
    display: inline-block;
    padding: 0px 4px;
    border-radius: 2px;
    font-family: sans-serif;
    font-size: 13px;
    margin-right: 5px;
  }

  .post2 .post_image .post_image--inner {
    position: relative;
  }

  .playonline_badge{
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--bg_lighter);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    color: var(--text);
    font-size: 17px;
    margin: 5px;
  }

  html.dark .report_modal .report_modal--close{
    color: var(--text);
  }

  .responsive_table{
    overflow: auto;
  }

  .rcp-table td:before{
    margin-left: unset!important;
  }

  .vip_modal_center{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: var(--text);
  }

  html.dark .vip_modal_center{
    color: var(--text);
  }

  html.dark .modal-content{
    background: var(--bg2)!important;
    border-radius: 10px;
  }

  html.dark .modal-body{
    border-radius: 10px;
  }

  .modal-body{
    border-radius: 10px!important;
  }

  .vip_modal_center img{
    width: 100%;
    height: 180px;
    object-fit: contain;
  }

  .vip_modal_center .cta a{
    background: #ffcf36;
    padding: 7px 20px;
    display: inline-block;
    border-radius: 5px;
    font-weight: 500;
    color: var(--text);
    margin: 0 10px;
    transition: all .2s;
  }

  .vip_modal_center .cta a:hover{
    padding: 7px 20px;
    display: inline-block;
    border-radius: 5px;
    font-weight: 500;
    color: var(--text);
    margin: 0 10px;
    opacity: .8;
  }

  .vip_modal--close{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    background: #0000002b;
    border: none;
    outline: none;
    position: absolute;
    top:0;
    left: 0;
    margin: 10px;
    color: var(--text);
    border-radius: 50%;
  }

  .toggle_more_default{
    background: none;
    border: none;
    color: var(--text);
    display: flex;
    align-items: center;
    border-radius: 50px;
  }

  .toggle_more_default i{
    margin: 0 10px;
    background: var(--bg);
    width: 27px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 13px;
    transition: all .2s;
  }

  .default_style_more{
    display: none;
  }
  .toggle_more_default i.open{
    transform: rotate(-90deg);
  }

  .stars_header h4{
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    color: var(--text);
  }
  .stars_header i{
    color: #ffc107;
  }

  .single_cast_default{
    text-align: center;
    color: var(--text);
  }

  .single_cast_default a{
    color: var(--text);
  }

  .single_cast_default img{
    background: #000;
    max-height: 108px;
    border-radius: 50%;
    object-fit: cover;
    max-width: 108px!important;
    width: 108px!important;
    object-fit: cover;
  }

  .single_cast_default .owl-prev{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg)!important;
    border-radius: 50%;
  }

  .single_cast_default .owl-next{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg_lighter2)!important;
    border-radius: 50%;
  }

  .single_cast_default .owl-prev.disabled{
    opacity: .2;
  }

  .single_cast_default .owl-next.disabled{
    opacity: .2;
  }

  .single_cast_default .stars_title{
    font-size: 14px;
    color: var(--text);
    margin: 10px 0;
  }

  html.dark .toggle_more_default{
    color: var(--text);
  }

  html.dark .toggle_more_default i{
    color: #fff;
    background: var(--text);
  }

  html.dark .stars_header h4{
    color: var(--text);
  }

  html.dark .single_cast_default .stars_title{
    color: var(--text);
  }

  html.dark .single_cast_default .owl-prev{
    background-color: var(--text)!important;
  }

  html.dark .single_cast_default .owl-next{
    background-color: var(--text)!important;
  }

  .download_inner small, .accordion-button small{
    color: #d5a11d;
    background: rgb(213 161 29 / 15%);
    font-weight: 500;
    border-radius: 5px;
    font-size: 12px;
    padding: 3px 5px;
    margin-right: 10px;
  }

  .blog_slider{
    overflow: hidden;
    border-radius: 10px;
  }

  .blog_slider .blog_slider__title{
    background: var(--bg2);
    padding: 15px;
    border-radius: 0 0 10px 10px;
    color: var(--text);
  }

  .blog_slider .blog_slider__title a{
    color: var(--text);
  }

  .blog_slider .blog_slider__title h2{
    font-size: 18px;
  }

  .blog_slider .blog_slider__title ul{
    margin-bottom: 0;
  }

  .blog_slider .blog_slider__title ul li{
    list-style: none;
    display: inline-block;
    margin-left: 10px;
  }

  .blog_slider .owl-dots{
    bottom: 110px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .blog_slider .owl-dots .owl-dot{
    width: 13px;
    height: 13px;
    opacity: .2;
    background: var(--bg2)!important;
  }

  .blog_slider .owl-dots .owl-dot.active{
    width: 13px;
    height: 13px;
    opacity: 1;
  }

  .blog_slider .owl-prev{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg)54!important;
    border-radius: 10px;
    color: #fff!important;
  }

  .blog_slider .owl-next{
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg)54!important;
    border-radius: 10px;
    color: #fff!important;
  }

  .blog_slider .owl-prev.disabled{
    opacity: .2;
  }

  .blog_slider .owl-next.disabled{
    opacity: .2;
  }

  /* blog carousel */
  .blog_carousel{
    border-radius: 10px;
  }

  .blog_carousel .blog_carousel__title{
    background: var(--bg2);
    padding: 15px;
    border-radius: 0 0 10px 10px;
    color: var(--text);
    min-height: 120px;
  }

  .blog_carousel img{
    border-radius: 10px 10px 0 0;
    object-fit: cover;
    height: 220px;
  }

  .blog_carousel .blog_carousel__title a{
    color: var(--text);
  }

  .blog_carousel .blog_carousel__title h2{
    font-size: 18px;
  }

  .blog_carousel .blog_carousel__title ul{
    margin-bottom: 0;
  }

  .blog_carousel .blog_carousel__title ul li{
    list-style: none;
    display: inline-block;
    margin-left: 10px;
  }

  .blog_carousel .owl-dots{
    bottom: 110px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .blog_carousel .owl-dots .owl-dot{
    width: 13px;
    height: 13px;
    opacity: .2;
    background: var(--bg2)!important;
  }

  .blog_carousel .owl-dots .owl-dot.active{
    width: 13px;
    height: 13px;
    opacity: 1;
  }

  .blog_carousel .owl-prev{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg)54!important;
    border-radius: 10px;
    color: #fff!important;
    margin-right: -20px;
  }

  .blog_carousel .owl-next{
    position: absolute;
    left: 0;
    margin-left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg)!important;
    border-radius: 10px;
    color: #fff!important;
  }

  .blog_carousel .owl-prev.disabled{
    opacity: .2;
  }

  .blog_carousel .owl-next.disabled{
    opacity: .2;
  }

  .blog_carousel h3{
    color: var(--text);
    font-size: 20px;
    margin-bottom: 20px;
  }

  html.dark .blog_carousel h3{
    color: var(--text);
  }

  html.dark .home_blog .blog_carousel a{
  background: var(--bg2);
  }

  html.dark .home_blog .blog_item{
    background: var(--bg2)!important;
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: var(--text);
    border-radius: 10px!important;
  }

  html.dark .blog_slider__title, html.dark .blog_carousel__title, html.dark {
    background: var(--bg2)!important;
  }

  html.dark .blog_slider__title a, html.dark .blog_carousel__title a{
    color: var(--text);
  }

  html.dark .blog_carousel__heading a{
    background: var(--bg2)!important;
    box-shadow: 0 10px 15px 0 var(--shadow_color)!important;
    border: 1px solid var(--bg_lighter)!important;
    color: var(--text)!important;
  }

  html.dark .blog_carousel .owl-next, html.dark .blog_carousel .owl-prev{
    background: var(--bg2)!important;
    box-shadow: 0 10px 15px 0 var(--shadow_color)!important;
    border: 1px solid var(--bg_lighter)!important;
    color: var(--text)!important;
  }

  .go_top{
    position: fixed;
    bottom: 0;
    right: -100px;
    padding: 10px;
    color: #fff;
    width: 50px;
    height: 50px;
    margin: 15px;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 15px;
    border-radius: 50px;
    z-index: 99;
    transition: all 0.3s;
    border: none;
    display: flex;
    justify-content: center;
  }

  .comment_spoiler{
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: var(--bg2)96;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
  }

  .has_spoil .comment_box{
    filter: blur(10px);
  }

  .comment_spoiler i{
    margin: 0 10px;
  }

  .comment_spoiler .show_comment{
    border: none;
    border-radius: 15px;
    color: var(--text);
    padding: 8px 12px;
    font-size: 15px;
    font-weight: 400;
    transition: all .3s;
  }

  .comment_spoiler .show_comment:hover{
    opacity: .8;
  }

  /* firefox fallback bg */
  .spoiler_bg{
    background: var(--bg2);
  }

  .post_minimal{
    padding: 0;
  }

  .post_minimal_image{
    margin: 0;
    background-size: cover;
    background-position: top left;
    height: 155px;
    position: relative;
    border-radius: 12px;
  }

  .post_minimal_image img{
    width: 95px;
    height: 140px;
    min-width: 95px;
    min-height: 140px;
    max-width: 95px;
    max-height: 140px;
    background: rgb(255 255 255 / 7.5%);
    border-radius: 0.5em;
    z-index: 2;
    position: relative;
    margin: 8px;
  }

  html.dark .post_minimal__rs{
    background: linear-gradient(to left, #fff 105px, transparent);
  }

  html.dark .post_minimal__bs{
    background: linear-gradient(to top, #fff 0, transparent);
  }

  .post_minimal__rs{
    width: 75%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(to left, var(--bg2) 105px, transparent);
    border-top-right-radius: 0.5em;
  }

  .post_minimal__bs{
    width: 100%;
    height: 70%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, var(--bg2) 0, transparent);
  }

  .post_minimal h2{
    font-size: 17px;
    color: var(--text);
    font-weight: 600;
  }

  .post_minimal_details{
    margin: 10px;
    color: var(--text);
  }

  .post_minimal_details p{
    font-size: 14px;
    margin-top: 10px;
    color: var(--text);
    font-weight: 300;
  }

  .post_minimal_download{
    display: block;
    text-align: center;
    background: var(--primaryColor);
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transition: all .2s;
    margin-top: 30px;
  }

  .post_minimal_download:hover{
    color: #fff;
    opacity: .7;
  }


  .post_minimal__badges{
    display: flex;
    margin: 30px 1px 0;
  }

  .post_minimal__badges li{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 10px;
  }

  .post_minimal__badges li.yellow i{
    background: linear-gradient(to right, #f9d423, #e69d00);
  }

  .post_minimal__badges li.yellow{
    color: #e69d00;
  }

  .post_minimal__badges li.orange i{
    background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%);
  }

  .post_minimal__badges li.orange{
    color: #FF2525;
  }

  .post_minimal__badges li.cyan i{
    background: linear-gradient(to right, #00cdac, #02aab0);
  }

  .post_minimal__badges li.cyan{
    color: #02aab0;
  }


  .post_minimal__badges li.blue i{
    background: linear-gradient(to right, #0072ff, #00c6ff)
  }

  .post_minimal__badges li.blue{
    color: #00c6ff;
  }

  .post_minimal__badges li.red i{
    background: linear-gradient(90deg, hsla(279, 95%, 49%, 1) 0%, hsla(295, 96%, 50%, 1) 100%);
  }

  .post_minimal__badges li.red{
    color: hsla(295, 96%, 50%, 1);
  }

  .post_minimal__badges li.blue_mal i{
    background: linear-gradient(to right, #0072ff, #2e51a2)
  }

  .post_minimal__badges li.blue_mal{
    color: #2e51a2;
  }

  .post_minimal__badges li i{
    width: 40px;
    height: 40px;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-size: 20px;
    line-height: 0;
    color: #fff!important;
  }

  .post_minimal__badges li span{
    font-size: 13px;
    margin-top: 5px;
  }

  html.dark .post_minimal_details p{
    color: #6883ae;
    opacity: .7;
  }

  .free_badge{
    color: #ff2a2a!important;
    background: rgb(255 42 42 / 15%) !important;
    font-weight: 500;
    border-radius: 5px;
    font-size: 12px;
    padding: 3px 5px;
    margin-right: 10px;
  }

  .widget.loading {
    display: block;
    text-align: center;
  }

  .share_modal .filed-link{
    border: 1px solid var(--bg_lighter2);
    border-radius: 5px;
    margin: 30px 0 5px;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    font-size: 15px;
  }

  .share_modal .filed-link label{
    align-items: center;
    background: var(--bg_lighter2);
    border-right: 1px solid var(--bg_lighter2);
    color: var(--text);
    display: flex;
    font-size: 15px;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: 0;
    padding: 15px;
    position: absolute;
    top: 0;
    width: 50px;
  }

  .share_modal #shareLink{
    border: none;
    font-family: sans-serif;
    outline: none;
    padding: 9px 0 9px 60px;
    text-align: left;
    width: 100%;
    background: transparent;
    color: #d3d3d3;
  }

  .share_modal .filed-link .copy-text-btn {
    background: var(--bg_lighter2);
    border-radius: 3px;
    color: var(--text);
    cursor: pointer;
    line-height: 0;
    margin-right: 10px;
    padding: 7px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  html.dark .share_modal .filed-link{
    border-color:#bfcbdd;
  }
  html.dark .share_modal .filed-link .copy-text-btn{
    background: #fff;
  }
  html.dark .share_modal .filed-link label{
    background: var(--bg_lighter);
    border-right: 1px solid #bfcbdd;
    color: var(--text);
  }
  html.dark .share_modal #shareLink{
    color: var(--text);
  }

  html.dark .sidebar_bottom{
    background: #e9f0fa;
    color: var(--bg_darker);
  }

  html.dark .account_details span{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: var(--text);
  }
  html.dark .panel_header__btn a, html.dark .panel_header__btn button{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: var(--text);
  }

  html.dark .panel_header__user, html.dark .panel_sidebar__header a {
    color: var(--bg_darker);
  }

  .sidebar_carousel2 .owl-stage-outer{
    padding: 70px 0;
  }

  .sidebar_carousel2 .owl-item{
    transition: all .2s;
    overflow: hidden;
  }

  .sidebar_carousel2 .owl-item.center{
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
  }

  .sidebar_carousel2 .item2__mask{
    transform: scale(.8);
  }


  .sidebar_carousel2 .owl-prev{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg_lighter)!important;
    border-radius: 50%;
    color: #fff!important;
    border-radius: 50% 0 0 50%;
  }

  .sidebar_carousel2 .owl-next{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg_lighter)!important;
    border-radius: 50%;
    color: #fff!important;
    border-radius: 0 50% 50% 0;
  }

  .widget-bg .widget_title{
    border-bottom: solid 1px var(--bg_lighter);
    padding: 15px 15px 5px;
  }

  html.dark .widget-bg .widget_title {
    border-bottom: solid 1px var(--bg_lighter);
  }

  /* comfort slider */
  .comfort-slider{
    direction: ltr;
    margin-top: 50px;
  }

  .comfort-slider .owl-item{
    margin: 15px 0 0;
  }

  .comfort-slider .film_cat img{
    height: auto;
  }

  .comfortSlider_wrap{
    padding: 85px 0 30px;
    display: block;
    /* background: #101014; */
    height: 750px;
  }

  .comfortSlider_wrap .leftSide h2{
    font-family: sans-serif;
    font-weight: 700;
    color: #fff;
    z-index: 2;
    text-align: left;
    /* max-width: 320px; */
    font-size: 36px;
  }

  .comfortSlider_wrap .mixed_slider_bg{
    position: absolute;
    left: 0;
    top: 0;
    height: 750px;
    width: 100%;
    object-fit: cover;
  }

  .comfortSlider_wrap .mixed_slider_link{
    z-index: 2;
  }

  .comfortSlider_wrap .dark_bg{
    background: linear-gradient(0deg,var(--bg) 30%,rgba(10,13,16,0));

    width: 100%;
    height: 750px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }

  /* .comfortSlider_wrap .dark_bg::after{
    background: rgba(0,0,0,.3);
    content: "";
    height: 100%;
    mix-blend-mode: multiply;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }

  html.dark .comfortSlider_wrap .dark_bg::after{
    background: rgb(255 255 255 / 0%);
  } */

  .comfortSlider_wrap .mixed_imdb{
    z-index: 2;
    text-align: left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    color: #fff;
  }

  .comfortSlider_wrap .mixed_imdb .imdbLogo{
    text-align: center;
    background: #efc019;
    padding: 0px 10px;
    margin: 0;
    border-radius: 7px;
    position: relative;
    max-width: 70px;
  }

  .comfortSlider_wrap .mixed_imdb .imdbRate_nums{
    font-family: impact;
    direction: ltr;
    font-size: 28px;
  }
  .comfortSlider_wrap .mixed_imdb .imdbRate_nums small{
    font-size: 13px;
  }


  .comfortSlider_wrap .mixed_slider_rate{
    background: #00000073;
    border-radius: 12px;
    padding: 10px 15px;
    color: var(--text);
    z-index: 2;
    font-size: 13px;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: sans-serif, dana, iranSans, iranyekan;
  }

  .comfortSlider_wrap .mixed_slider_icon{
    z-index: 2;
    color: #fff;
    font-size: 29px;
    background: rgb(255 255 255 / 20%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    backdrop-filter: blur(5px);
    transition: all .2s;
    position: absolute;
    right: calc(50%);
    left: auto;
    top: 190px;
  }

  .comfortSlider_wrap .mixed_slider_icon:hover{
    color: var(--text);
    transform: scale(1.2);

  }


  .comfortSlider_wrap .mixed_slider_icon::before{
    content: "";
    border: solid 1px rgb(255 255 255 / 50%);
    width: 100px;
    height: 100px;
    background: transparent;
    position: absolute;
    border-radius: 50%;
  }

  .comfortSlider_wrap .mixed_slider_icon::after{
    content: "";
    border: solid 1px rgb(255 255 255 / 50%);
    width: 130px;
    height: 130px;
    background: transparent;
    position: absolute;
    border-radius: 50%;
  }

  .comfort-slider .owl-item{
    transition: all .3s;
  }

  .comfort-slider .owl-item.center {
    transform: scale(1.2);

  }

  .comfort-slider .owl-stage-outer{
    padding: 40px 0;
  }

  .otp-form .otp-field {
    font-size: 1rem;
    line-height: 2.3rem;
    text-align: center;
    border: solid 2px var(--bg2);
    outline: none;
    background: none;
    width: 100%;
    height: auto;
    color: var(--text);
    border-radius: 5px;
    transition: all .3s;
  }
  .otp-form .otp-field:hover {
    border-color: #3b3b45;
  }

  .otp-form .otp-field:focus {
    border-color: #3b3b45;
  }

  .otp_cta{
    margin: 20px 0;
  }

  .otp_cta .submit_auth_2{
    width: 100%!important;
    margin: 0;
  }

  .film_cat2 .film_overlay {
    position: absolute;
    top: 7px;
    right: 2px;
    transition: all .3s;
    white-space: nowrap;
    z-index: 999;
    transform: none;
  }

  .film_cat2 .film_overlay span{
    border: none!important;
    padding: 4px 7px!important;
  }

  .film_cat2 .score_danger{
    border-color: #ff004e!important;
  }
  .film_cat2 .score_warn{
    border-color: #eac016!important;
  }
  .film_cat2 .score_green{
    border-color: #2dcd70!important;
  }
  .film_cat2 .imdb_score_circle{
    box-shadow: 0px 0 6px rgb(0 0 0 / 42%);
    border: 2px solid #2dcd70;
    position: absolute;
    top: 5px;
    left: 7px;
    line-height: 0;
    width: 32px;
    height: 32px;
    background: rgb(28 28 35 / 57%);
    color: var(--text);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    backdrop-filter: blur(2px);
    font-weight: bold;
    transition: all .3s;
    font-feature-settings: initial;
  }

  .film_cat2 .film_overlay2{
    z-index: 9999!important;
  }

  .film_cat2 .film_overlay2 p{
    text-align: right;
    color: #bfbebe;
    font-size: 13px;
    direction: rtl;
  }

  .film_cat2 .film_overlay2 i{
    width: 25px;
    height: 25px;
    background: #eb3a3a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
  }

  .film_cat2:hover .film_overlay{
    transform: scale(.0);
  }

  .film_cat2:hover .imdb_score_circle{
    transform: scale(.0);
  }

  .film_cat2:hover .rotten{
    transform: scale(.0);
  }

  .post2 .badge-v{
    color: #aa7df2;
    background-color: rgb(170 125 242 / 14%);
    font-size: 12px;
    padding: 2px 7px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 5px;
  }

  .widget_title .nav-link{
    position: relative;
  }
  .widget_title .nav-link.active::after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 5px 6px 5px;
    border-color: transparent transparent var(--primaryColor) transparent;
    position: absolute;
    right: 50%;
    bottom: -6px;
    transform: translateX(50%) rotate(180deg);
    transition: all .3s;
  }


  ul.timeline {
    list-style-type: none;
    position: relative;
  }
  ul.timeline:before {
    content: ' ';
    background: var(--bg_lighter2);
    display: inline-block;
    position: absolute;
    right: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
  }
  ul.timeline > li {
    margin: 20px 0;
    padding-right: 40px;
  }
  ul.timeline > li:before {
    content: '';
    background: var(--bg_lighter2);
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
  }

  .timeline__title{
    color: #fff!important;
  }

  html.dark ul.timeline:before{
    background: var(--bg_darker);
  }

  html.dark ul.timeline > li:before{
    background: var(--bg_darker);
    border-color: var(--bg_darker);
  }

  html.dark .timeline__title{
    color: var(--bg_darker)!important;
  }

  /* casual single style */
  .casual_single{
    position: relative;
  }

  .casual_single .single_hero{
    padding: 80px 0 70px;
    background: linear-gradient(to bottom,rgba(247, 247, 248, 0), var(--bg));
    position: relative;
    z-index: 5;
  }

  .casual_single .single_cover img{
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    width: 100%;
  }

  .casual_single__bg {
      height: 100%;
      object-fit: cover;
      -o-object-position: top center;
      object-position: top center;
      position: absolute;
      right: 30%;
      right: calc(50% - 32rem);
      transition: all .3s ease-in-out;
      width: 70%;
      width: calc(32rem + 50%);
  }

  .casual_single .single_hero h1{
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }

  .casual_single .single_hero h1 small{
    margin-right: 5px;
    font-weight: 400;
    font-size: 14px;
  }


  .casual_single .post_update i{
    margin-left: 5px;
  }

  .casual_single .post_update{
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255, 160, 68, 0.39));
    padding: 8px 10px;
    border-radius: 10px;
    display: inline-flex;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    align-items: center;
    margin: 0 0 10px;
  }

  .post_header_meta .post_update{
    color: #ffae00;
    margin: 5px 0 10px;
    display: block;
  }

  .casual_single .post_genre {
    margin: 10px 0;
  }

  .casual_single .post_genre a{
    background: transparent;
    padding: 4px 9px;
    border: solid 1px #dddddd52;
    border-radius: 11px;
    color: #ffff;
    font-size: 14px;
    transition: all .3s;
    font-weight: 300;
    display: inline-block;
    margin: 0 2px 5px;
  }
  .casual_single .post_genre a:hover{
    border-color: var(--primaryColor);
    color: var(--primaryColor);
  }

  .post_runtime{
    border-radius: 5px;
    color: #ffff;
    font-size: 13px;
    font-weight: 500;
    margin: 10px 0;
    display: block;
  }

  .post_runtime i{
    color: #ffc107;
  }

  .post_genre__label{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
  }

  .post_runtime a {
    color: var(--white);
    font-weight: 600;
    transition: all .3s;
    opacity: .7;
  }
  .post_runtime a:hover {
    opacity: 1;
  }

  .post_story{
    border-radius: 5px;
    color: #ffff;
    font-size: 14px;
    margin: 10px 0;
    display: inline-block;
    font-weight: 600;
    line-height: 2;
  }

  .post_story p{
    padding: 0;
    margin: 0;
  }

  .post_actor{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
  }

  .post_actor i{
    color: #ffc107;
    font-size: 16px;
    margin-left: 5px;
  }

  .post_actor .actor_label{
    display: inline-block;
  }

  .casual_single .post_subtitle{
    color: #fff;
    font-size: 15px;
    margin-top: -5px;
    display: block;
  }

  .post_actor a{
    background: transparent;
    padding: 4px 9px;
    border: solid 1px #dddddd52;
    border-radius: 11px;
    color: #ffff;
    font-size: 14px;
    transition: all .3s;
    font-weight: 300;
    display: inline-block;
    margin: 0 2px 5px;
  }

  .post_actor a:hover{
    border-color: var(--primaryColor);
    color: var(--primaryColor);
  }

  .post_actor a:hover{
    opacity: 1;
  }

  .casual_single .post_vote{
    margin: 10px 0 20px;
  }

  .casual_single .post_vote_up::after{
    content: '';
    display: none;
  }

  .casual_single .post_vote button{
    background: #fff;
    border-radius: 50%;
    color: #000;
    width: 30px;
    height: 30px;
    padding: 5px;
    font-size: 18px;
    margin: 0 5px;
    line-height: 0;
  }

  /* .casual_single .post_vote {
    background: #fff;
    border-radius: 50%;
    fill: #000;
    width: 30px;
    height: 30px;
    padding: 5px;
  } */

  .single_cover_wrap{
    width: 85%;
    position: relative;
  }

  .single_cover_wrap_overlay{
    position: absolute;
    right: 0;
    top: 0;
    margin: 5px;
  }

  .single_cover_wrap_overlay i{
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: red;
    padding: 5px;
    border-radius: 7px;
    color: #fff;
  }

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

  .single_playonline a{
    color: #fff;
    background: var(--primaryColor);
    border-radius: 50%;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    fill: #fff;
    transition: all .3s;
  }
  .single_playonline a::before{
    content: "";
    width: 95px;
    height: 95px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 100%;
    position: absolute;
    transition: all 0.2s;
  }

  .single_playonline a::after{
    content: "";
    width: 75px;
    height: 75px;
    border: 1px solid rgba(255, 255, 255, .3);
    position: absolute;
    border-radius: 100%;
    transition: all 0.2s;
  }

  .single_playonline a svg{
    width: 30px;
    height: 30px;
  }

  .single_playonline a:hover::before{
    width: 105px;
    height: 105px;
  }

  .single_playonline a:hover::after{
    width: 85px;
    height: 85px;
  }

  .post_actions{
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
  }

  .post_actions a.playonline{
    align-items: center;
    font-size: 14px;
    border-radius: 10px;
    height: 45px;
    padding: 0 30px;
    color: #c0c0c0;
    transition: all 0.2s;
    display: inline-flex;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    background: var(--primaryColor);
    color: #fff;
    fill: #fff;
  }
  .post_actions a.playonline:hover{
    background: var(--primaryColor);
    filter: brightness(0.8);
  }

  .post_actions a.playonline svg{
    width: 25px;
    height: 25px;
  }

  .post_actions .new_kelaeket_btn{
    height: 45px;
    padding: 0 22px;
    border-radius: 10px;
    font-size: 20px;
    transition: all 0.2s;
    color: #fff !important;
  }
  .post_actions .new_kelaeket_btn:hover{
    filter: brightness(0.8);
  }

  .single_cover_wrap .simplefavorite-button{
    float: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-top: -30px;
    z-index: 99;
    position: relative;
    background: var(--primaryColor);
    box-shadow: 0px 0px 9px 0px #272727;
    font-size: 20px;
  }

  .post_download_cta{
    margin: 5px 0 20px;
    display: flex;
    gap: 20px;
  }

  .post_download_cta a, .post_download_cta button{
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    background: #ffacac;
    transition: all 1s;
    display: flex;
    align-items: center;
    overflow: hidden;
  }
  .post_download_cta a i, .post_download_cta button i{
    margin-left: 10px;
    width: 27px;
    height: 27px;
    background: #f5f5f54a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 0;
    transition: all 1s;
    right: 0px;
    position: relative;
  }

  .post_download_cta a span, .post_download_cta button span{
    transition: all .3s;
    position: relative;
    right: 0;
  }

  .post_download_cta a:hover i, .post_download_cta button:hover i{
    transform: scale(38) rotate(360deg);
    background: transparent;
    opacity: 0;
  }

  .post_download_cta a:hover span, .post_download_cta button:hover span{
    position: relative;
    right: -15px;
    transition: all .5s;
  }

  .post_download_cta .play_trailer{
    background: linear-gradient(273deg, #ec2208, #ff6377);
    color: #fff;
  }

  .post_download_cta .download{
    background: linear-gradient(45deg, #18b036, #8ae62e);
    color: #fff;
  }

  .download_modal{
    z-index: 9999999999;
  }

  .download_modal h3{
    color: var(--text);
    font-size: 17px;
    margin-bottom: 30px;
    font-weight: 300;
  }

  .post_content_single img{
    height: auto;
    margin: 20px 0;
    border-radius: 10px;
    max-width: 100%!important;
  }
  .timeline p{
    margin: 20px 0;
  }
  .footer_modern{
    margin-top: 100px;
    position: relative;
    overflow: hidden;
  }

  .footer_modern .logo{
    position: relative;
    right: 50%;
    left: 50%;
    transform: translatex(50%);
    background: var(--bg);
    padding: 10px 30px;
    border-radius: 50px;
  }
  .footer_modern .about p{
    line-height: 1.9;
  }

  .footer_modern .links h3::before{
    content: '';
    width: 100%;
    height: 2px;
    background: var(--primaryColor);
    display: block;
    position: relative;
    top: 11px;
  }

  .footer_modern .links h3 span{
    background: var(--bg_darker);
    position: relative;
    z-index: 2;
    padding-left: 10px;
  }


  .footer_modern .social{
    text-align: center;
  }

  .footer_modern .social li{
    list-style: none;
    font-size: 17px;
    padding: 5px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    transition: all ease-in-out 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-size: 21px;
    margin: 0 5px;
  }

  .footer_modern .copyright{
    padding: 20px;
    margin-top: 30px;
  }

  .footer_modern .btn-large{
    padding: 20px;
  }

  .profiel_edit_info{
    background: var(--bg_lighter);
    border-radius: 5px;
    padding: 5px 10px;
    color: #ffffff!important;
    width: auto;
    font-size: 14px;
  }
  .comment_like_handle{
    display: flex;
    background: var(--bg);
    border-radius: 15px;
    padding: 13px 10px;
  }

  .comment_like{
    color: var(--text);
    border: none;
    background: transparent !important;
    padding: 0px 13px;
    border-radius: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    border-left: 2px solid var(--bg_lighter2);
  }

  .comment_dislike{
    color: var(--text);
    background: transparent !important;
    border: none;
    padding: 0px 13px;
    border-radius: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
  }

  /*.comment_like span, .comment_dislike span{
    /* margin: 10px 0 0;
  }*/



  .imdbRate_nums_casual{
    margin: 0 4px;
    color: #efc019;
    font-family: sans-serif;
  }

  .malRate_nums_casual{
    margin: 0 4px;
    color: #2e51a2;
  }

  .movie_meta{
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0px 10px;
  }

  .comment_box .right_side{
    gap: 20px;
    align-items: flex-start;
  }
  .comment_box .left_side{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-right: 15px;
  }

  .comment_box .right_side img{
    border-radius: 5px;
  }



  select.ns_select{
    display: none;
  }

  .vote_stats_text{
    font-family: unset!important;
    margin: 0 5px;
    font-size: 14px;
  }

  ._sliderBanner img{
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 100%;
    height: auto;
  }

  .post__tags{
    color: var(--text);
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .post__tags i{
    margin-left: 10px;
    position: relative;
    top: 3px;
  }

  .post__tags .post__tags__body{
    display: none;
    padding: 10px 0;
  }

  .post__tags .post__tags__body a{
    color: var(--text);
    background: var(--bg2);
    padding: 5px 12px;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    margin: 5px;
    transition: all .3s;
  }

  .post__tags .post__tags__icon {
    margin-left: 3px;
    transition: all .3s;
  }

  .post__tags__header.active .post__tags__icon {
    transform: rotate(-90deg);
  }

  .post__tags .post__tags__body a:hover{
    background: var(--primaryColor);
  }

  .post__tags .post__tags__header{
    cursor: pointer;
    background: var(--bg2);
    border-radius: 5px;
    padding: 10px;
  }


  .home_blog .blog_carousel__title h2{
    font-size: 15px;
    line-height: 1.6;
  }

  .home_blog .blog_carousel a{
    background: var(--bg2);
    display: block;
    border-radius: 10px 10px 0 0;
  }

  .home_blog .blog_carousel .blog_carousel__title {
    background: var(--bg2);
    padding: 5px 15px;
    border-radius: 0 0 10px 10px;
    color: var(--text);
    min-height: 100px;
  }

  .home_blog .blog_carousel img{
    border-radius: 15px;
    object-fit: cover;
    padding: 10px;
    height: 220px;
  }

  .blog_carousel__heading a{
    background: var(--bg2)!important;
    padding: 5px 10px;
    display: inline-block!important;
    border-radius: 10px !important;
    color: var(--text);
    font-size: 14px;
    transition: all .3s;
  }

  .blog_carousel__heading a:hover{
    background: var(--primaryColor)!important;
  }

  .blog_carousel__heading{
    margin: 20px 0;
  }

  .blog_carousel__heading h3{
    margin-bottom: 0;
  }

  /* .blog_carousel_instance{
    position: relative;
  } */

  /* .blog_carousel_instance::after{
    content: '';
    width: calc(100% + 120px);
    height: 30%;
    position: absolute;
    top: 50%;
    right: -60px;
    transform: translateY(-50%);
    z-index: -1;
    border-radius: 10px;
    background: var(--primaryColor);
  } */


  html.dark .acc_info_ .buy_vip, html.dark .rcp-button, html.dark .rcp-button_list, html.dark .film_search button{
    color: #fff!important;
  }

  html.dark .profiel_edit_info{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: var(--bg_darker)!important;
  }

  html.dark .slider_{
    background-color: #dbe1ee;
  }

  .actors_page h1{
    font-size: 25px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-weight: bold;
  }

  .actors_page .search_input{
    background: var(--bg_lighter);
    padding: 20px;
    border-radius: 15px;
    border: transparent;
    outline: none;
    width: 100%;
    color: var(--text);
  }


  .actors_page .search_input_wrap{
    position: relative;
    width: 45%;
    margin: 25px auto;
    display: block;
  }

  .actors_page .search_submit{
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    margin: 0 10px;
    border-radius: 10px;
    border: none;
    background: var(--primaryColor);
    padding: 7px 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .actors_page .search_submit i{
    margin-right: 10px;
  }

  html.dark .postItem{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
  }

  html.dark .postItem h2, html.dark h1{
    color: var(--text);
  }

  html.dark .actors_page .search_input{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: var(--text);
  }

  html.dark .collection h2{
    color: var(--text);
  }

  html.dark .collection_z2 .info{
    color: var(--text);
  }

  .panel_sidebar__header img{
      max-height: 100px;
    max-width: 90px;
  }

  .film_cat_imdb img{
    max-height: 340px;
  }

  .film_cat_imdb .film_overlay .dobed{
    font-weight: bold;
    font-size: 14px!important;
    background: var(--primaryColor);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0!important;
    line-height: 0!important;
    z-index: 9;
  }

  .film_cat_imdb:hover .film_overlay{
    transform: scale(1);
  }

  .film_cat_imdb:hover .imdb_score_circle{
    transform: scale(1);
  }

  .film_cat_imdb:hover {
    transform: scale(1.08);
  }

  .content__header p{
    color: var(--text);
    font-size: 14px;
    opacity: .8;
  }

  html.dark .content__header p{
    color: var(--text);
  }

  .film_timer{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    /* margin: 10px 0; */
    color: #fff;
  }

  .film_timer .countdown{
    background: #00000057;
    border-radius: 0 0 14px 14px;
    padding: 10px 0;
  }

  html.dark .film_timer div,
  html.dark .film_timer span,
  html.dark .film_timer .counter_label{
    background: none!important;
    box-shadow: none!important;
    border: none!important;
    color: #fff;
  }

  .film_timer .timer div{
    background: none;
    padding: 0;
    margin: 0;
  }

  .film_cat_soon img{
    max-height: 340px;
    object-fit: cover;
  }



  div.wp-caption{
   max-width: 100%;
  }

  .serial_card {
    background: var(--bg2);
    margin-bottom: 30px;
    border-radius: 15px;
  }

  .serial_card img{
    width: 100%;
    height: 180px !important;
    object-fit: cover;
    border-radius: 15px !important;
  }

  .serial_card__overlay{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,transparent,rgb(0 0 0 / 85%));
    display: flex;
    transition: all .3s;
    border-radius: 14px;
    transition: all .3s;
  }

  .serial_card:hover .serial_card__overlay{
    opacity: 0;
  }

  .serial_card:hover .serial_card__badge{
    opacity: 0;
  }

  .serial_card__overlay .film_cat_title{
    margin-top: auto !important;
    width: 100%;
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-weight: bold;
    font-size: 15px !important;
  }


  .serial_card__badge{
    position: absolute;
    top: 0;
    font-weight: 600;
    left: 0;
    background: var(--primaryColor);
    margin: -10px 10px;
    padding: 4px 10px;
    font-size: 13px;
    color: #ffff;
    border-radius: 10px;
    transition: all .3s;
  }

  .blog_carousel2 .blog_carousel__heading h3{
    font-size: 17px;
    color: var(--text);
    font-weight: 600;
  }

  .blog_carousel2 img {
    top: -50px;
    border-radius: 40px !important;
    position: relative;
    padding: 20px !important;
  }

  .blog_carousel2 .blog_item{
    background: var(--bg2);
    border-radius: 30px;
  }

  .blog_carousel2 .blog_item a{
    background: none;
  }

  .blog_carousel2 .owl-stage {
    padding: 50px 0;
  }

  .blog_carousel2 .blog_carousel__title {
    margin-top: -40px;
    border-radius: 0 0 20px 20px !important;
    padding-bottom: 15px !important;
    min-height: 180px !important;
    display: flex;
    flex-direction: column;
    margin-top: -50px;
  }

  .blog_carousel2 .blog_carousel__title h2{
    font-size: 15px;
    line-height: 1.6;
    font-weight: bold;
  }

  .blog_carousel2 p{
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: 300;
    opacity: .8;
  }

  .blog_carousel__meta{
    margin-top: auto;
  }

  .blog_carousel__meta span{
    font-size: 13px;
  }

  .blog_carousel2 .blog_carousel__meta a{
    background: none;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .blog_carousel2 .blog_carousel__meta a i{
    width: 20px;
    height: 20px;
    background: var(--primaryColor);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 10px;
  }

  html.dark .blog_carousel2 p{
    color: var(--text) !important;
  }

  html.dark .blog_carousel2 .blog_carousel__meta a i{
    color: #fff;
  }

  html.dark .blog_carousel__meta span{
    color: var(--text) !important;
  }

  #comment-nav-below .nav-links{
    display: flex;
    justify-content: space-between;
    margin: 20px;
  }

  #comment-nav-below .nav-links a{
    background: var(--primaryColor);
    padding: 8px 10px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
  }

  /* new modern dl box styles */
  .download_item .dl_info{
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .download_item .dl_links_wrap{
    flex: 1;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .download_item .dl_links_wrap .button{
    margin: 0 !important;
  }

  .dashboard_ticket{
    color: #fff;
  }

  .dashboard_ticket__body{
    padding: 10px;
    overflow: auto;
    max-height: 267px;
    height: 267px;
  }

  html.dark .dashboard_ticket__item{
    background: var(--bg_lighter);
    color: var(--text);
  }

  .dashboard_ticket__body::-webkit-scrollbar {
    width: 5px;
  }

  .dashboard_ticket__body::-webkit-scrollbar-track {
    border-radius: 5px;
  }


  .dashboard_ticket__body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primaryColor);
    border: 5px solid transparent;
  }

  .dashboard_ticket__item{
    padding: 15px;
    background: var(--bg);
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative;
    transition: all .3s;
    overflow: hidden;
  }

  .dashboard_ticket__item:hover .dashboard_ticket__item--hover{
    opacity: 1;
    visibility: visible;
    /* transform: scale(1); */
  }

  .dashboard_ticket__item--hover{
    position: absolute;
    width: 100%;
    background: #0000001f;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    display: flex;
    /* transform: scale(2); */
  }
  .dashboard_ticket__item--hover a{
    display: block;
    margin: auto;
    color: #fff;
  }

  .dashboard_ticket__item .table_badge{
    font-size: 12px;
  }

  .dashboard_ticket__item strong{
    font-size: 14px;
    font-weight: 400;
  }

  .dashboard_ticket__item span{
    font-size: 14px;
    font-weight: 400;
  }

  .dashboard_watchlist{
    color: #fff;
  }

  .dashboard_watchlist__body{
    padding: 20px;
  }


  .show_more_panel{
    font-size: 13px;
    border-radius: 5px;
    color: var(--white);
    padding: 5px 9px;
    display: flex;
    align-items: center;
  }

  .show_more_panel:hover{
    color: var(--white);
  }

  .show_more_panel i{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--bg_lighter);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 0;
    margin-right: 7px;
  }

  .acc_info_ .nav-link{
    padding: 5px 20px !important;
    font-weight: 400;
    font-size: 15px;
    border-radius: 6px !important;
  }

  .film_cat3 .overlay{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 8px;
  }

  .film_cat3 .position-relative::before{
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgb(0 0 0 / 71%) 35%) !important;

  }

  .film_cat3 .badges{
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    flex-direction: row-reverse;
    align-items: center;
  }

  .film_cat3 .badges .genres{
    background: #ffbf01;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    border-radius: 50px;
    padding: 1px 8px;
  }

  .imdb_score{
    background: #ffffff38;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    border-radius: 50px;
    padding: 1px 8px;
    height: 20px;
    direction: ltr;
  }

  .comfort-slider .film_cat3 .cta{
    flex-direction: row-reverse;
  }

  .comfort-slider .film_cat3 .badges{
    flex-direction: row;
  }

  .film_cat3:hover{
    transform: scale(1.1);
  }

  .film_cat3 .cta{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    color: #fff;
  }

  .film_cat3 .film_cat_title{
    font-size: 14px !important;
    /* text-align: right !important; */
    font-weight: 700 !important;
    margin: 10px 0 !important;
  }

  .film_cat3 .badge_type{
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .film_cat3 .icon{
    width: 23px;
    height: 23px;
    background: #ffffff38;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    border-radius: 50%;
  }

  .secondary_demo .film_cat img{
    max-height: unset !important;
  }

  /* minimal footer */
  .footer_minimal{
    background: transparent !important;
    border-top: solid 1px #67676d38;
    padding-top: 40px;
  }

  .footer_minimal .copyright{
    background: transparent;
    border-top: solid 1px #67676d38;
    padding: 25px 0;
    margin-top: 15px;
  }

  .footer_minimal .about .logo span{
    color: var(--text);
    transition: all .3s;
  }

  .footer_minimal .about .logo span:hover{
    color: var(--primaryColor);
  }
  .footer_minimal .about .desc{
    padding: 4px 10px;
    background: #ffffff17;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 400;
    color: #9d9d9d !important;
    margin-right: 10px;
  }

  .footer_minimal .about p{
    font-size: 13px;
    line-height: 1.7;
    color: #9d9d9d;
    margin: 10px 0;
  }

  .footer_minimal h3{
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--text);
    margin-bottom: 25px;
  }

  .footer_minimal .menunav{
    display: flex;
    flex-wrap: wrap;
  }

  .footer_minimal .links li{
    width: 50%;
  }

  .footer_minimal .links li::before{
    width: 6px;
    height: 2px;
    background: var(--text) !important;
    position: relative;
    top: -2px;
  }

  .footer_minimal .links li a{
    color: #9d9d9d;
    transition: all .3s;
    font-size: 13px;
  }

  .footer_minimal .links li a:hover{
    color: var(--text) !important;
  }

  .footer_minimal .social p{
    font-size: 13px;
    line-height: 1.7;
    color: #9d9d9d;
    margin: 10px 0;
  }

  .footer_minimal .footer_insta{
    gap: 10px;
    margin: 20px 0;
  }

  .footer_minimal .footer_insta div{
    flex: 1;
    text-align: center;
    font-size: 13px;
  }

  .footer_minimal .footer_insta div span{
    text-shadow: 0 2px 0 rgba(0,0,0,.26);
  }


  .footer_minimal .footer_insta div a{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }

  .footer_minimal .footer_insta div a small{
    opacity: .8;
  }

  .footer_minimal .mini_button{
    color: #9d9d9d;
    border: solid 1px #9d9d9d61;
    padding: 5px;
    border-radius: 7px;
    padding: 5px 10px;
    font-size: 13px;
    display: inline-block;
    margin: 10px 0;
    transition: all .3s;
  }

  .footer_minimal .mini_button:hover{
    border-color: var(--primaryColor);
    background: var(--primaryColor);
    color: #fff;
  }

  .footer_minimal .social ul{
    margin-bottom: 0;
    display: flex;
    gap: 7px;
  }

  .footer_minimal .social ul li{
    background: transparent !important;
  }

  .footer_minimal .social ul li i{
    color: #9d9d9d;
    transition: all .3s;
  }
  .footer_minimal .social ul li:hover i{
    color: #fff;
  }
  .icon.mal_icon{
    background: #2c4f9e;
    font-weight: bold;
    font-family: impact;
    letter-spacing: 1px;
    font-size: 17px;
    text-align: center;
  }
  .icon.mal_icon span{
    position: relative;
    top: 5px;
    font-size: 16px;
  }

  .single_default .post_vote{
    gap: 10px;
  }

  .single_default .post_vote_up,
  .single_default .post_vote_down{
    background: #ffffff1c;
    padding: 10px;
    border-radius: 5px;
  }

  .single_default .post_vote_up::after{
    display: none;
  }

  .single_default .post_vote button:hover{
    color: inherit;
    background: #ffffff33;
  }
  .single_default .post_vote button:hover svg{
    fill: #fff;
  }

  .ltr .film_cat_carousel .owl-stage{
    padding-left: 0px !important;
  }

  .dashboard_alert{
    font-size: 14px;
    background: var(--bg2);
    color: var(--text);
  }

  .dashboard_alert strong{
    margin: 0 5px;
  }

  .dashboard_alert .btn-close{
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 2;
    padding: 5px;
    background: #00000094;
    margin: 0 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
  }

  html.dark .dashboard_alert{
    background: var(--bg2);
    box-shadow: 0 10px 15px 0 var(--shadow_color);
    border: 1px solid var(--bg_lighter);
    color: var(--text);
  }

  .profile_avatar{
    width: auto;
    text-align: center;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
  }
  .profile_avatar img{
    border-radius: 50%;

  }

  .profile_avatar_wrap{
    text-align: center;
    display: block;
    padding-bottom: 40px;
  }

  .edit_avatar{
    position: absolute;
    bottom: -4px;
    left: -23px;
    width: 30px;
    height: 30px;
    display: flex;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    background: #32323e;
    border-radius: 50px;
    color: #fff !important;
    box-shadow: 0 0 10px #00000075;
    transition: all .3s;
  }

  .edit_avatar:hover {
    background: var(--primaryColor);
  }

  #respond .switch-toggle small{
    margin-right: 10px !important;
    margin-left: 10px !important;
  }

  .notification_page h2{
    font-size: 23px;
    color: var(--text);
  }

  .notification__card{
    background: var(--bg2);
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    color: var(--text);
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .notification__card span{
    font-size: 13px;
    opacity: .8;
  }

  .notification__card .notif_action{
    font-size: 18px;
  }

  .notification__card p{
    margin: 10px 0;
    font-size: 14px;
    font-weight: 500;
    opacity: .8;
  }

  .notification_read{
    background: var(--primaryColor);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    color: #fff !important;
    transition: all .3s;
  }

  .notification_read:hover{
    opacity: .7;
  }

  .notification_read i{
    line-height: 0;
  }


  .notif_notfound{
    margin-bottom: 20px;
    color: var(--text);
    text-align: center;
    font-size: 15px;
  }

  .notif__more{
    padding: 5px 10px;
    width: fit-content;
    border-radius: 5px;
    border: none;
    background: var(--primaryColor);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
  }
  .notif__more:hover{
    color: #fff;
  }

  .kelaket_rounded {
    border-radius: 50px !important;
  }

  .collection_title{
    text-align: center;
    color: var(--text);
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 30px;
  }

  .notif_single{
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--bg2);
    width: 35px;
    height: 35px;
    color: #ffc107;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 16px;
    justify-content: center;
    margin: 6px;
    cursor: pointer;
    box-shadow: 0px 0px 7px 2px #0000008a;
  }

  .post2 .active_movie_notification{
    position: static!important;
    background: var(--bg_lighter) !important;
  }

  .center_casual_icons{
    position: absolute;
    float: right;
    margin-right: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
  }

  .center_casual_icons .stats{
    margin-right: 0 !important;
  }

  .center_casual_icons .active_movie_notification{
    background: var(--bg_lighter) !important;
  }

  .center_casual_icons .simplefavorite-button {
    background: #4050b5;
    position: relative;
    left: unset;
    right: unset;
    float: right;
    margin-right: 9px;
  }

  .casual_tabs{
    background: var(--bg2);
    color: var(--text);
  }

  .casual_tabs .nav-link{
    font-weight: 500 !important;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    border-bottom: solid 2px transparent;
    border-radius: 0px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .casual_tabs .nav-pills{
    overflow: auto;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
  }

  .casual_tabs .nav-link i{
    font-size: 17px;
    margin-left: 10px;
  }

  .casual_tabs .nav-link.active{
    background: transparent !important;
    color: var(--primaryColor) !important;
    border-bottom: solid 2px var(--primaryColor) !important;
    border-radius: 0px !important;
  }

  html.dark .casual_tabs{
    box-shadow: 0 10px 15px 0 var(--bg_lighter);
  }

  html.dark .casual_tabs .nav-link.active{
    color: var(--primaryColor) !important;
  }

  .casual_tabs .count{
    font-family: sans-serif;
    font-size: 10px;
    background: var(--primaryColor);
    min-width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    font-weight: bold;
    color: #fff;
    top: -8px;
    right: -5px;
  }

  .accordion-button:not(.collapsed){
    box-shadow: none !important;
  }

  .testmonial{
    padding: 0 10px 10px;
    border-radius: 15px;
    box-shadow: 0 10px 15px 0 var(--bg);
    background: var(--bg2);
    color: #f8f8f8;
  }

  .testmonial .testmonial__item{
    border-bottom: solid 1px var(--bg_darker2);
    padding: 20px 10px;
    color: var(--text);
    cursor: pointer;
  }

  .testmonial .testmonial__item:last-of-type{
    border: none;
  }



  .testmonial .testmonial__item p::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent var(--bg_darker) transparent;
    position: absolute;
    top: -10px;
    right: 31px;
  }

  .testmonial .testmonial__item h4{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
  }

  .testmonial .testmonial__item p{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    background: var(--bg_darker);
    padding: 19px;
    border-radius: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
    display: none;
    color: #fff;
  }

  .testmonial .testmonial__item .chevron{
    width: 30px;
    height: 30px;
    background: var(--bg_lighter2);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    box-shadow: 0px 2px 5px 0px #10101438;
    font-size: 14px;
  }


  .testmonial .testmonial__item i{
    color: var(--primaryColor);
    margin-left: 8px;
    font-size: 17px;
  }

  .casual_tab_content .comment-list .comment{
    border-radius: 15px;
  }

  .casual_tab_content .comment_box .right_side img {
    border-radius: 20px;
  }

  .author_mobile{
    display: none;
  }

  .comment_data{
    margin-right: 20px;
  }

  .casual_tab_content .post2{
    border: none !important;
  }

  .casual_tab_content .post2 .download_item{
    padding: 20px;
    border-radius: 15px;
    border: none !important;
  }

  .casual_tab_content .post2 .download_item .button{
    padding: 10px 15px;
    font-size: 14px;
  }

  .casual_tab_content .post2 .download_item .button_online{
    padding: 6.7px 10px;
  }

  .casual_tab_content .post2 .badge-v {
    font-size: 13px;
    padding: 7px 10px;
    border-radius: 10px;
    font-weight: 300;
  }

  .casual_tab_content .content{
    padding: 10px 20px;
    border-radius: 15px;
    box-shadow: 0 10px 15px 0 var(--bg);
    background: var(--bg2);
    color: #f8f8f8;
    padding-top: 20px;
  }

  .post2 .download_item{
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .casual_tab_content .accordion{
    margin-bottom: 10px;
  }

  .accord_chevron{
    width: 30px;
    height: 30px;
    background: var(--bg2);
    color: var(--text);
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    box-shadow: 0px 2px 5px 0px #10101438;
    font-size: 14px;
    margin-right: auto;
    transition: all .3s;
  }

  .accordion-button::after{
    display: none;
    background-image: none!important;
  }

  .accordion-button.collapsed .accord_chevron{
    transform: rotate(180deg);
  }

  .casual_tab_content .post2 .serial-dl-info {
    margin: 12px 0 !important;
  }

  .post2 .testmonial{
    background: var(--bg_lighter2);
  }
  .post2 .chevron{
    background: var(--bg2) !important;
  }

  .default_demo .testmonial{
    border-radius: 5px;
  }

  .kelaket_custom_sort{
    display: flex;
    margin: 10px;
    gap: 10px;
    justify-content: flex-end;
  }

  .kelaket_custom_sort .ns_select{
    background: var(--bg2) !important;
  }

  html.dark .sidebar_carousel2 .slider_actions{
    color: var(--text);
  }

  html.dark .comment_like_handle{
    box-shadow: 0 10px 15px 0 var(--bg_lighter);
  }

  .report_modal .wpcf7-textarea{
    height: 100px;
  }

  .report{
    display: flex;
    gap: 10px;
  }

  .after_fe3{
    margin-top: 100px;
  }

  .post2 .related_post_blog_item{
    margin-bottom: 15px;
  }

  .tblighe_single img{
    max-width: 100%;
    height: auto;
    margin-bottom: 25px;
    border-radius: 5px;
  }

  .imdbLogo svg{
    fill: #000;
  }

  /* ghost */
  #not-found .box .box__ghost {
    padding: 15px 25px 25px;
    position: absolute;
    left: 50%;
    top: 20%;
    -webkit-transform: translate(-50%,-30%);
    transform: translate(-50%,-30%)
  }

  #not-found .box .box__ghost .symbol:nth-child(1) {
    opacity: .2;
    -webkit-animation: shine 4s ease-in-out 3s infinite;
    animation: shine 4s ease-in-out 3s infinite
  }

  #not-found .box .box__ghost .symbol:nth-child(1):before,#not-found .box .box__ghost .symbol:nth-child(1):after {
    content: "";
    width: 12px;
    height: 4px;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    bottom: 65px;
    left: 0
  }

  #not-found .box .box__ghost .symbol:nth-child(1):before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  #not-found .box .box__ghost .symbol:nth-child(1):after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  #not-found .box .box__ghost .symbol:nth-child(2) {
    position: absolute;
    left: -5px;
    top: 30px;
    height: 18px;
    width: 18px;
    border: 4px solid;
    border-radius: 50%;
    border-color: #fff;
    opacity: .2;
    -webkit-animation: shine 4s ease-in-out 1.3s infinite;
    animation: shine 4s ease-in-out 1.3s infinite
  }

  #not-found .box .box__ghost .symbol:nth-child(3) {
    opacity: .2;
    -webkit-animation: shine 3s ease-in-out .5s infinite;
    animation: shine 3s ease-in-out .5s infinite
  }

  #not-found .box .box__ghost .symbol:nth-child(3):before,#not-found .box .box__ghost .symbol:nth-child(3):after {
    content: "";
    width: 12px;
    height: 4px;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    top: 5px;
    left: 40px
  }

  #not-found .box .box__ghost .symbol:nth-child(3):before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  #not-found .box .box__ghost .symbol:nth-child(3):after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  #not-found .box .box__ghost .symbol:nth-child(4) {
    opacity: .2;
    -webkit-animation: shine 6s ease-in-out 1.6s infinite;
    animation: shine 6s ease-in-out 1.6s infinite
  }

  #not-found .box .box__ghost .symbol:nth-child(4):before,#not-found .box .box__ghost .symbol:nth-child(4):after {
    content: "";
    width: 15px;
    height: 4px;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    top: 10px;
    right: 30px
  }

  #not-found .box .box__ghost .symbol:nth-child(4):before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  #not-found .box .box__ghost .symbol:nth-child(4):after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  #not-found .box .box__ghost .symbol:nth-child(5) {
    position: absolute;
    right: 5px;
    top: 40px;
    height: 12px;
    width: 12px;
    border: 3px solid;
    border-radius: 50%;
    border-color: #fff;
    opacity: .2;
    -webkit-animation: shine 1.7s ease-in-out 7s infinite;
    animation: shine 1.7s ease-in-out 7s infinite
  }

  #not-found .box .box__ghost .symbol:nth-child(6) {
    opacity: .2;
    -webkit-animation: shine 2s ease-in-out 6s infinite;
    animation: shine 2s ease-in-out 6s infinite
  }

  #not-found .box .box__ghost .symbol:nth-child(6):before,#not-found .box .box__ghost .symbol:nth-child(6):after {
    content: "";
    width: 15px;
    height: 4px;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    bottom: 65px;
    right: -5px
  }

  #not-found .box .box__ghost .symbol:nth-child(6):before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  #not-found .box .box__ghost .symbol:nth-child(6):after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  #not-found .box .box__ghost .box__ghost-container {
    background: #fff;
    width: 150px;
    height: 100px;
    border-radius: 100px 100px 0 0;
    position: relative;
    margin: 0 auto;
    -webkit-animation: upndown 3s ease-in-out infinite;
    animation: upndown 3s ease-in-out infinite
  }

  #not-found .box .box__ghost .box__ghost-container .box__ghost-eyes {
    position: absolute;
    left: 50%;
    top: 45%;
    height: 12px;
    width: 70px
  }

  #not-found .box .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-left {
    width: 12px;
    height: 12px;
    background: #111;
    border-radius: 50%;
    margin: 0 10px;
    position: absolute;
    left: 0
  }

  #not-found .box .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-right {
    width: 12px;
    height: 12px;
    background: #111;
    border-radius: 50%;
    margin: 0 10px;
    position: absolute;
    right: 0
  }

  #not-found .box .box__ghost .box__ghost-container .box__ghost-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
  }

  #not-found .box .box__ghost .box__ghost-container .box__ghost-bottom div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    top: -10px;
    height: 20px;
    border-radius: 100%;
    background-color: #fff
  }

  #not-found .box .box__ghost .box__ghost-container .box__ghost-bottom div:nth-child(2n) {
    top: -12px;
    margin: 0 0;
    border-top: 15px solid #111;
    background: 0 0
  }

  #not-found .box .box__ghost .box__ghost-shadow {
    height: 20px;
    -webkit-box-shadow: 0 50px 15px 5px #444;
    box-shadow: 0 50px 15px 5px #444;
    border-radius: 50%;
    margin: 0 auto;
    -webkit-animation: smallnbig 3s ease-in-out infinite;
    animation: smallnbig 3s ease-in-out infinite
  }

  @-webkit-keyframes upndown {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    100% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
  }

  @keyframes upndown {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    100% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
  }

  @-webkit-keyframes smallnbig {
    0% {
        width: 90px
    }

    50% {
        width: 100px
    }

    100% {
        width: 90px
    }
  }

  @keyframes smallnbig {
    0% {
        width: 90px
    }

    50% {
        width: 100px
    }

    100% {
        width: 90px
    }
  }

  @-webkit-keyframes shine {
    0% {
        opacity: .2
    }

    25% {
        opacity: .1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: .2
    }
  }

  @keyframes shine {
    0% {
        opacity: .2
    }

    25% {
        opacity: .1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: .2
    }
  }

  /* ghost */
  .page_404 {
    background: var(--bg);
  }

  .page_404 h2{
    font-size: 22px;
    font-weight: 300;
    margin: 40px 0 0px;
    color: #fff;
  }

  .page_404 a{
    border-radius: 50px;
    padding: 12px 60px;
    font-weight: 300;
    background: var(--primaryColor);
    border: solid 1px var(--primaryColor);
    font-size: 16px;
    position: relative;
    overflow: hidden;
    transition: all .5s ease-in-out;
  }

  .page_404 a:hover::before{
    -webkit-transform: translateX(230px) rotate(45deg);
    transform: translateX(230px) rotate(45deg);
  }
  .page_404 a:hover{
    background: 0 0;
    border: solid 1px #fff;
  }

  .page_404 a::before{
    content: "";
      position: absolute;
      width: 20px;
      height: 100px;
      background: #fff;
      bottom: -25px;
      left: 0;
      border: 2px solid #fff;
      -webkit-transform: translateX(-50px) rotate(45deg);
      transform: translateX(-50px) rotate(45deg);
      -webkit-transition: -webkit-transform .5s ease;
      transition: -webkit-transform .5s ease;
      transition: transform .5s ease;
      transition: transform .5s ease,-webkit-transform .5s ease;
  }

  .page_404 p{
    color: #f88f8f;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .placeholder_row{
    white-space: nowrap;
    display: flex;
    gap: 15px;
    overflow: hidden;
    margin: 50px 0;
  }

  .placeholder-img{
    min-height: 280px;
    border-radius: 15px !important;
    background: var(--bg_lighter);
  }

  .half_size_placeholder .placeholder{
    background: var(--bg_lighter);
    min-height: 1.8rem;
  }

  .half_size_placeholder .placeholder{
    width: 50%;
    border-radius: 5px !important;
  }

  .placeholder_item{
    min-width: 200px;
  }

  .kelaket_rules{
    font-size: 13px;
  }

  .kelaket_rules a{
    font-size: 13px;
    margin: 0 5px;
    color: var(--primaryColor);
    border-bottom: dashed 1px var(--primaryColor);
    padding-bottom: 5px;
  }

  .post_page ul, .post_page ol{
    padding: 0 25px;
  }

  .post_page h1{
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: var(--text);
  }

  .post_page h1{
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: var(--text);
  }

  .post_page h1{
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: var(--text);
  }

  .post_page h2{
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: var(--text);
  }

  .post_page h3{
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: var(--text);
  }

  .post_page h4{
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: var(--text);
  }

  .post_page h5{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: var(--text);
  }

  .post_page h6{
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: var(--text);
  }


  .countdown_wrap h3{
    color: #ffff;
    font-size: 16px;
    font-weight: 600;
  }

  #clear_visists{
    text-decoration: none;
    color: var(--text);
    font-size: 13px;
    background: transparent;
    border: transparent;
    border-radius: 5px;
    transition: all .3s;
  }
  #clear_visists:hover{
    background: var(--primaryColor);
  }

  .backtosite_panel{
    background: var(--primaryColor);
    border-radius: 0px !important;
  }

  .backtosite_panel a, .backtosite_panel i{
    color: #fff !important;
  }

  /* custom container size */
  @media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1530px;
    }
  }

  /* widget style 3 */
  .update_block{
    background: var(--bg2);
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    border: solid 1px transparent;
    transition: all .3s;
  }

  html.dark .update_block{
    border: 1px solid var(--bg_lighter);
  }

  .update_block:hover{
    border: solid 1px var(--primaryColor) !important;
  }

  .update_block a{
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--text);
  }

  .update_block a img{
    width: 70px;
    height: auto;
    aspect-ratio: 2 / 3;
    border-radius: 8px;
    min-width: 70px;
  }

  .update_block__text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .update_block .txt_flow{
    font-size: 15px;
    font-weight: 600;
  }

  .update_block span::before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--primaryColor);
    display: block;
    position: relative;
    top: -1px;
  }

  .update_block span{
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .actors_background{
    position: absolute;
    top:0;
    width: 100%;
    z-index: -2;
    height: 400px;
    background-image: url('./images/actors_bg.webp');
    filter: blur(10px);
    background-size: cover;

  }

  .actors_background_overlay{
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 470px;
    background: linear-gradient(0deg, var(--bg), #0000008f);
  }

  .comment_empty{
    text-align: center;
    color: var(--text);
    font-size: 18px;
    background: var(--bg2);
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-radius: 9px;
    margin-top: 50px;
  }

  .comment_empty path{
    fill: var(--primaryColor);
  }

  .must-log-in{
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    color: var(--text);
    background: var(--bg_lighter);
    font-size: 15px;
    margin: 0 auto;
  }
  .must-log-in a{
    background: var(--bg);
    color: var(--text);
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 15px;
    margin: 0 9px;
  }

  html.dark .year_input{
    background: var(--bg_lighter)!important;
    color: #6881aa!important;
  }

  .year_input{
    height: 53px;
    padding-right: 19px;
    padding-left: 19px;
    display: flex;
    align-items: center;
    background: var(--bg);
    border: none;
    border-radius: 20px;
    color: var(--text);
    outline: none;
    width: 130px;
  }
  .year_input::placeholder{
    color: #fff;
  }

  .darker_mobile{
    background: #131414;
    flex: 1;
  }

  .toast{
    z-index: 99999999999 !important;
  }

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

  .post_info__container .post_details{
    width: calc( 100% - 250px );
  }

  .post_info__container .post_image{
    width: 210px;
  }

  .pwa_alert{
    background: #fff;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999999999999999999;
    display: none;
    text-align: center;
  }

  .pwa_alert .inner{
    margin: auto;
    padding: 15px;
  }
  .pwa_alert .app_icon{
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .pwa_alert p{
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 20px;
    border-bottom: solid 2px var(--primaryColor);
  }

  .pwa_alert .intall_guide{
    margin-top: 20px;
    list-style: none;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    gap:20px
  }

  .pwa_alert .close_pwa{
    position: fixed;
    bottom: 10px;
    width: calc(100% - 20px);
    right: 10px;
    background-color: var(--primaryColor);
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    border: none;
  }

  @media only screen and (max-width: 1000px) {
    .pwa_alert {
      display: flex;
    }
  }

  .panel_notfound{
    color: var(--text);
  }

  .sepidar_mega_menu_wrap{
    background: var(--pureWhite) !important;
  }
  .sepidar_mega_menu_wrap a{
    padding: 0;
  }

  .sepidar_mega_menu_wrap li{
    display: flex !important;
  }

  .has_mega_menu .sub-menu{
    width: 100% !important;
    padding: 20px !important;
    border-radius: 20px !important;
  }

  .has_mega_menu .sub-menu:before{
    border-width: 0 10px 10px 10px !important;
    border-color: transparent transparent #10101482 transparent !important;
    top: -10px !important;
    right: 31px !important;
  }

  .top_nav{
    flex:1;
  }

  .has_mega_menu .sub-menu li{
    width: 33%;
    display: inline-flex !important;
    padding: 0px !important;
  }

  .has_mega_menu .sub-menu li a{
    font-size: 13px;
    transition: all 0.3s;
    padding: 6px;
    position: relative;
  }

  .has_mega_menu .sub-menu li::before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background: var(--primaryColor);
    display: inline-block;
    margin: 0 3px;
    position: relative;
    top: 12px;
  }

  .has_mega_menu .sub-menu li a:hover{
    color: var(--primaryColor);
    margin-right: 5px;
  }

  .has_mega_menu .sub-menu li:hover{
    background: none !important;
  }

  .menu-item i{
    margin-left: 5px;
    position: relative;
    top: 1px;
  }

  .trailer_video{
    /* border: solid 1px var(--bg_lighter); */
    border-radius: 5px;
  }

  .d_1{
    color: var(--text) !important;
  }

  /* .rcp_gateway_fields{
    background: var(--bg);
    margin: 10px;
    border-radius: 5px;
    padding: 10px;
  } */

  #rcp_payment_gateways{
    display: flex;
    flex-direction: column;
  }

  #rcp_payment_gateways .rcp_gateway_option_label{
    padding: 10px;
  }

  .rcp_gateway_option_input{
    outline: none;
    padding: 16px 22px;
    border: 1px solid #dadce0;
    font-size: 18px;
    border-radius: 5px;
  }

  .page .page__heading h1{
    color: var(--text);
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 20px;
  }

  .post_page, .post_page p, .post_page li{
    font-size: 15px;
    line-height: 1.9;
  }

  .g-recaptcha{
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  * Global Box-Sizing */
  *, *::before, *::after {
      box-sizing: border-box;
  }

  /* Post Details and Meta Section */
  .aml-post_details_and_meta {
      display: flex;
      flex-wrap: wrap;
      padding: 20px;
      gap: 25px;
      border-radius: 10px;
      width: 100%;
  }

  /* Left Column */
  .aml-left_column {
      flex: 0 0 27%;
      min-width: 100px;
  }

  /* Right Column */
  .aml-right_column {
      flex: 1;
      min-width: 100px;
  }

  /* Post Image Section */
  .aml-post_image {
      background-color: var(--bg2);
      padding: 10px;
      border-radius: 10px;
      box-shadow: 0 4px 8px var(--bg);
      text-align: center;
      position: relative;
  }

  .aml-post_image img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      display: block;
      margin: 0 auto;
      transition: transform 0.3s ease;
  }

  .aml-post_image img:hover {
      transform: scale(1.05);
  }

  /* Play Online Badge */
  .aml-playonline_badge {
      position: absolute;
      top: 10px;
      left: 10px;
      background-color: var(--badge-bg);
      padding: 5px;
      border-radius: 50%;
      font-size: 16px;
      color: var(--badge-text);
  }

  /* Favorite Button */
  .aml-favorite-button {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      color: #ffd700;
      font-size: 20px;
      transition: color 0.3s ease;
  }

  .aml-favorite-button:hover {
      color: #ffeb3b;
  }

  /* MAL Rating Section */
  .aml-malRating_holder {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--accent-color);
      padding: 5px 10px;
      border-radius: 5px;
      margin-bottom: 10px;
      font-weight: bold;
      font-size: 14px;
      color: var(--text-primary);
  }

  .aml-malLogo {
      margin-right: 5px;
  }

  .aml-malRate_nums strong {
      font-size: 16px;
  }

  .aml-malRate_nums small {
      font-size: 12px;
      color: #555;
  }

  /* Meta Info Box */
  .aml-info-box {
      background-color: var(--bg2);
      padding: 15px;
      border-radius: 10px;
      box-shadow: 0 4px 8px var(--bg);
      color: var(--text);
      margin-top: 20px;
  }


  /* Story Section */
  .aml-story-aml {
      background-color: var(--bg2);
      margin-top: 20px;
      padding: 15px;
      border-radius: 10px;
      color: var(--text);
      box-shadow: 0 4px 8px var(--bg);
  }

  .aml-story-aml p {
      margin: 0;
      line-height: 1.6;
  }

  .aml-story-title {
      font-weight: bold;
      margin-right: 5px;
  }

  /* Tags Section */
  .tags-section {
      margin: 20px 0;
      padding: 15px;
      background: var(--bg-primary);
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      color: var(--text-primary);
  }

  .tags-section .section__title {
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: bold;
      color: #fafafa;
  }

  .tags-content {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
  }

  .tags-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
  }

  .tags-list a {
      color: #fafafa;
      font-size: 13px;
      background: var(--bg-lighter2);
      padding: 3px 8px;
      border-radius: 3px;
      text-decoration: none;
      transition: background 0.3s ease, color 0.3s ease;
  }

  .title-bk {
      background-color: var(--bg2);
      padding: 15px;
      border-radius: 15px;
      margin-bottom: 15px;
  }

  .tags-list a:hover {
      background: #333;
      color: #fff;
  }

  /* Media Queries */
  @media (max-width: 1024px) {
      .aml-post_details_and_meta {
          flex-direction: column;
      }
  }

  @media (max-width: 768px) {
      .aml-post_details_and_meta {
          flex-direction: column;
          padding: 15px;
          gap: 15px;
      }

      .aml-favorite-button {
          font-size: 18px;
      }

      .aml-malRating_holder {
          justify-content: center;
      }


      .anime-col {
          margin-bottom: 10px;
      }

      .post2 h1 {
          font-size: 16px;
          color: var(--text-primary);
      }

      .title-part-aml {
          flex-direction: column;
          align-items: center;
      }
  }

  /* Post Top Section */
  .aml-post-top {
      display: flex;
      flex-wrap: wrap;
      padding: 15px 20px;
      color: var(--text);
      align-items: flex-start;
      gap: 25px;
  }

  .anime-col {
      margin: 5px 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 14px;
  }

  .anime-col span,
  .anime-col b {
      font-weight: bold;
      font-size: 13px;
      color: #f39c12; /* رنگ زرد برای تاکید */
  }

  .anime-col.-anime-quality span {
      color: #00d1b2; /* رنگ سبز برای کیفیت */
  }

  .anime-col.-anime-last-update span {
      color: #ffffff;
      background: #485460;
      box-shadow: 0 10px 15px -10px #485460;
      padding: 0 10px;
      height: 25px;
      line-height: 25px;
      border-radius: 12px 0 12px 12px;
      margin-top: 10px;
      font-size: 12px;
  }

  .anime-col.-anime-rating .a-rating {
      display: flex;
      font-size: 12px;
      flex-direction: column;
      align-items: center;
  }

  .anime-col.-anime-rating b {
      font-size: 15px;
      color: #f39c12; /* رنگ طلایی برای امتیاز */
  }

  .anime-col.-anime-rating em {
      font-style: normal;
      font-size: 12px;
      color: #aaa; /* رنگ خاکستری برای تعداد کاربران */
  }

  .anime-col i {
      margin-right: 5px;
      color: #f39c12; /* رنگ طلایی برای ستاره */
  }

  .anime-col em i {
      color: #aaa; /* رنگ خاکستری برای آیکون کاربران */
  }

  /* افکت خط زیر عنوان */
  hr {
      border: none;
      border-top: 2px solid #ffffff;
      margin: 0;
      margin-top: 10px;
  }

  /* Badge های موجودیت */
  .subtitle-available,
  .playonline-available {
      color: #ffffff;
      padding: 2px 15px;
      border-radius: 22px;
      font-size: 12px;
      display: inline-block;
      margin-right: 10px;
  }

  .subtitle-available {
      background-color: #f13535;
  }

  .playonline-available {
      background-color: #ffa419;
  }

  /* عنوان پست */
  .title-part-aml {
      display: flex;
      align-items: flex-start;
  }

  article.post2.custom-post2 {
      background-color: #00000000;
  }

  /* Responsive Adjustments for Smaller Screens */
  @media (max-width: 768px) {
      .aml-post-top {
          flex-direction: column;
          align-items: center;
          justify-content: center;
      }

      .anime-col {
          margin-bottom: 10px;
      }
  }

  .button-anl {
      height: 50px;
      min-width: 50px;
      position: relative;
      padding: 10px 34px;
      font-size: 18px;
      color: rgb(193, 163, 98);
      border: 2px solid rgb(193, 163, 98);
      border-radius: 15px;
      background-color: transparent;
      font-weight: 600;
      transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
      overflow: hidden;
  }

  .button-anl::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      z-index: -1;
      background-color: rgb(193, 163, 98);
      transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
      transform: scale(0);
      transform-origin: center;
  }

  .button-anl:hover::before {
      transform: scale(1);
  }

  .button-anl:hover {
      color: #212121;
      scale: 1.05;
      box-shadow: 0 0px 20px rgba(193, 163, 98, 0.4);
  }

  .button-anl:active {
      scale: 1;
  }


  .aml-ai-bar {
      width: 100%;
      height: 65px;
      background: linear-gradient(rgba(0,0,0,0.94), rgba(0, 0, 0, 0.4)),
          url('http://localhost/animaster/wp-content/uploads/2025/02/abstract-colorful-background-pattern-with-copy-space_941600-147104.jpg') repeat center center;
      background-size: 1900px 400px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      box-shadow: 0 2px 4px rgba(0,0,0,0.69);
      flex-direction: column;
  }

    .aml-ai-button {
      font-family: inherit;
      font-size: 14px;
      padding: 8px 16px;
      background: #ff5959;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      text-decoration: none;
      transition: background 0.3s;
    }

    .aml-ai-button:hover {
      background: #ee3f3f;
    }

    .post_view_co {
      text-align: center;
      margin-top: 10px;
      background-color: rgba(201, 201, 201, 0.4);
      border-radius: 5px;
      padding: 2px;
      color: white;
  }
  .sub_cc {
      background: #e78616;
      font-size: .8rem;
      font-weight: 600;
      border: solid 4px var(--bg);
      border-radius: 50px;
      text-align: center;
      padding: 5px 10px;
      margin: 0 5px;
      display: flex;
      color: #FFFFFF;
  }
  .not-up-an {
      background-color: #f0506e;
      color: #fff;
      border-radius: 5px;
      padding: 1px 5px;
      text-align: center;
      position: relative;
      right: 0;
  }
  .bottom-amp{
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
  }
  .mal-ep {
      display: flex;
      background-color: var(--bottom-bt);
      font-size: 10px;
      justify-content: space-evenly;
      padding: 2px 0;
      border-radius: 0px 0px 8px 8px;
      align-items: center;
  }
  .post_cat_title {
      background: transparent linear-gradient(180deg, #00000000, var(--bg)) 0 0 no-repeat padding-box;
      font-size: 14px;
      text-align: center;
      padding: 10px;
      color: #fff;
      white-space: pre-line;
      direction: ltr;
  }
  .ep-label {
      color: var(--text);
      font-weight: bold;
      font-size: 12px;
  }

  .item-rateMal {
      display: flex;
      align-items: center;
      font-size: 12px;
      color: var(--text);
      font-weight: bold;
  }

  .star-icon {
      margin: 0;
      border: none;
      border-radius: 0;
      overflow: visible;
      text-transform: none;
      padding: 0;
      background-color: transparent;
      display: inline-block;
      fill: currentcolor;
      line-height: 0;
      color: #f6a504;
      margin-right: 3px;
  }
  .quality-label {
      border-radius: 7px;
      background: transparent linear-gradient(108deg, #feb930, #f6a504) 0 0 no-repeat padding-box;
      color: #fff;
      height: 17px;
      padding: 2px 5px 0;
      text-align: center;
      min-width: 32px;
  }
  .slider-badge {
      position: absolute;
      top: 70px;
      left: -25px;
      background: red;
      color: white;
      font-size: 12px;
      font-weight: bold;
      padding: 5px 40px; /* اندازه روبان */
      border-radius: 3px; /* گوشه‌های گرد */
      z-index: 10;
      transform: rotate(-45deg); /* مورب کردن روبان */
      transform-origin: left top;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      overflow: hidden;
    }
    .simpleaml-favorite-button {
      border-radius: 5px;
      border: none;
      width: 30px;
      color: var(--text);
      float: left;
      display: flex;
      align-items: center;
      height: 30px;
      background: var(--bg_lighter2);
      justify-content: center;
  }
  .story-aml p {
      color: var(--text);
  }
  a.button_online.align-left.btn-outline-warning {
      border: 2px solid #FFC107;
  }
  .season-style {
      font-size: 0.8rem;
      font-weight: 700;
      background: var(--bg2);
      padding: 8px 10px;
      border-radius: 10px;
      text-align: center;
  }
  @media (max-width: 768px) {
      .season-style {
          font-size: 0.8rem;
      }
  }
  @media (max-width: 768px) {
      .sub_cc {
          font-size: 0.6rem;
      }
  }
  @media (max-width: 1024px) {
      .sub_cc {
          font-size: 0.65rem;
      }
  }
  .background-bg {
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 100vh; /* ارتفاع تمام صفحه */
  }
  .background-bg, .background-bg:before {
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
  }

  .background-bg .gradient {
      background: linear-gradient(270deg, var(--bg) 30%, rgba(10, 13, 16, 0));
      height: 100%;
      position: absolute;
      right: 0 !important;
      right: calc(50% - 80rem);
      transition: all .3s ease;
      width: 100% !important;
      width: calc(80rem + 50%);
      z-index: 1;
  }
  @media (max-width: 768px) {
      .background-bg .gradient {
          width: 100%;
          right: 0;
      }

      .casual_single__bg {
          right: 0;
      }
  }
  /*
    1) استایل Bottom Nav
  ----------------------------------------- */
  .mobile_bottom_nav {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: #111; /* رنگ پس زمینه دلخواه */
      z-index: 999999;  /* بالاتر از همه المان‌ها نمایش داده شود */
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 0.5rem 0;
      border-top: 1px solid #333;
    }

    /* آیتم‌های داخل Bottom Nav */
    .mobile_bottom_nav .nav_item {
      position: relative;    /* برای قرارگیری Absolute اگر لازم شد */
      flex: 1;              /* تقسیم فضا به صورت مساوی */
      text-align: center;
      text-decoration: none;
      color: #ccc;          /* رنگ پیش فرض آیکن و متن */
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: color 0.2s ease;
      font-size: 0.85rem;   /* اندازه پایه متن */
    }

    .mobile_bottom_nav .nav_item i {
      font-size: 1.2rem; /* اندازه آیکن */
      margin-bottom: 3px;
    }

    /* حالت هاور یا فوکوس: تغییر رنگ به سفید */
    .mobile_bottom_nav .nav_item:hover,
    .mobile_bottom_nav .nav_item:focus {
      color: #fff;
    }

    /* اگر بخواهید یکی از آیتم‌ها را اکتیو (فعال) کنید، می‌توانید کلاس active بگذارید */
    .mobile_bottom_nav .nav_item.active {
      color: #f90; /* رنگ دلخواه برای اکتیو */
    }
    .mobile_bottom_nav .nav_item.active::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #f90;
    }

    /* Badge اعلان (تعداد نخوانده) در آیتم اعلان:
       اینجا فرض بر این است که در HTML نام آن .bottom_count_mobile باشد. */
    .bottom_notif_item .bottom_count_mobile {
      position: absolute;
      top: -5px;   /* بالاتر از آیکن قرار بگیرد */
      left: 10px;  /* بسته به اندازه و نوع آیکن تغییر دهید */
      background: red;
      color: #fff;
      font-size: 0.7rem;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      text-align: center;
      line-height: 18px;
    }

    @media (max-width: 1024px) {


  /* نمایش نوار پایینی تا عرض 1024 پیکسل (موبایل و تبلت) */
  @media (max-width: 1024px) {
      .mobile_bottom_nav {
        display: flex !important;
      }
    }

    /* پنهان کردن نوار پایینی از عرض 1025 پیکسل به بالا (دسکتاپ‌های معمولی) */
    @media (min-width: 1025px) {
      .mobile_bottom_nav {
        display: none !important;
      }
    }
    .comment-list .vcard cite.fn {
      display: inline-block;
      font-weight: bold;
      font-style: normal;
      font-size: 14px;
      color: var(--text);
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      gap: 10px;
  }

  .anime-rank-badge-container {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: #000000;
      border-radius: 50px;
      padding: 5px 10px;
  }

  .anime-rank-badge-img img {
      max-width: 30px;
      vertical-align: middle;
  }
  .anime-players-container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 40px 20px;
  }

  /* Header Section */
  .anime-players-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 60px;
      position: relative;
      overflow: hidden;
      padding: 20px;
      border-radius: 16px;
      background: linear-gradient(135deg, var(--bg_darker), var(--bg_lighter));
  }

  .header-content {
      width: 60%;
      z-index: 2;
  }

  .anime-players-header h1 {
      font-size: 36px;
      font-weight: 800;
      margin-bottom: 15px;
      background: linear-gradient(to left, var(--primaryColor), #ff5e62);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      margin-top: 0;
  }

  .anime-players-header p {
      font-size: 18px;
      max-width: 500px;
      opacity: 0.9;
      margin: 0;
  }

  .header-animation {
      position: relative;
      width: 40%;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .anime-icon {
      width: 150px;
      height: 150px;
      background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/anime-icon.svg');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
  }

  .pulse {
      animation: pulse 2s infinite ease-in-out;
  }

  @keyframes pulse {
      0% { transform: scale(0.95); opacity: 0.7; }
      50% { transform: scale(1.05); opacity: 1; }
      100% { transform: scale(0.95); opacity: 0.7; }
  }

  /* Players Section */
  .players-section {
      display: flex;
      flex-direction: column;
      gap: 30px;
      margin-bottom: 70px;
  }

  .player-card {
      display: flex;
      background: var(--bg2);
      border-radius: 16px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
      overflow: hidden;
      transition: all 0.3s ease;
      position: relative;
  }

  .player-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
  }

  .player-card:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background: linear-gradient(to right, var(--primaryColor), #ff5e62);
  }

  .player-icon {
      flex: 0 0 180px;
      background: var(--bg_darker2);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 30px;
      position: relative;
      overflow: hidden;
  }

  .player-icon:before {
      content: '';
      position: absolute;
      width: 200px;
      height: 200px;
      background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);
      top: -100px;
      left: -100px;
  }

  .player-icon img {
      max-width: 100%;
      height: auto;
      position: relative;
      transition: transform 0.3s ease;
  }

  .player-card:hover .player-icon img {
      transform: scale(1.1);
  }

  .player-content {
      flex: 1;
      padding: 30px;
  }

  .player-content h2 {
      font-size: 26px;
      margin-bottom: 15px;
      position: relative;
      display: inline-block;
      margin-top: 0;
  }

  .player-content h2:after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 40px;
      height: 3px;
      background: var(--primaryColor);
  }

  .player-content p {
      margin-bottom: 20px;
      line-height: 1.7;
      opacity: 0.9;
  }

  .player-features {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 25px;
  }

  .player-features span {
      display: flex;
      align-items: center;
      background: var(--bg_lighter);
      padding: 8px 15px;
      border-radius: 50px;
      font-size: 14px;
      transition: all 0.3s ease;
  }

  .player-features span:hover {
      background: var(--bg_darker);
      transform: translateY(-2px);
  }

  .feature-dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      background: var(--primaryColor);
      border-radius: 50%;
      margin-left: 8px;
  }

  .download-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
  }

  .download-btn {
      display: flex;
      align-items: center;
      padding: 10px 16px;
      background: linear-gradient(45deg, var(--bg_darker), var(--bg_lighter));
      color: var(--text);
      text-decoration: none;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 500;
      transition: all 0.3s ease;
      border: 1px solid transparent;
  }

  .download-btn:hover {
      transform: translateY(-3px);
      background: linear-gradient(45deg, var(--primaryColor), #ff5e62);
      color: white;
  }

  .os-icon {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-left: 8px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
  }

  /* Why Use Section */
  .why-use-section {
      margin-bottom: 70px;
  }

  .why-use-section h2 {
      text-align: center;
      font-size: 32px;
      margin-bottom: 40px;
      position: relative;
      display: inline-block;
      left: 50%;
      transform: translateX(-50%);
  }

  .why-use-section h2:after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 60px;
      height: 4px;
      background: var(--primaryColor);
      border-radius: 2px;
  }

  .benefits-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 25px;
  }

  .benefit-item {
      text-align: center;
      padding: 35px 25px;
      background: var(--bg2);
      border-radius: 16px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
      position: relative;
      z-index: 1;
      overflow: hidden;
  }

  .benefit-item:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0;
      background: linear-gradient(to top, var(--bg_darker), transparent);
      z-index: -1;
      transition: height 0.4s ease;
  }

  .benefit-item:hover {
      transform: translateY(-10px);
  }

  .benefit-item:hover:before {
      height: 100%;
  }

  .benefit-icon {
      display: block;
      width: 70px;
      height: 70px;
      margin: 0 auto 25px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: transform 0.4s ease;
  }

  .benefit-item:hover .benefit-icon {
      transform: scale(1.1);
  }

  .benefit-item h3 {
      font-size: 22px;
      margin-bottom: 15px;
      transition: color 0.3s ease;
  }

  .benefit-item:hover h3 {
      color: var(--primaryColor);
  }

  .benefit-item p {
      line-height: 1.6;
      opacity: 0.9;
  }

  /* CTA Section */
  .cta-section {
      position: relative;
      background: linear-gradient(135deg, var(--bg_darker), var(--bg_lighter));
      padding: 60px 40px;
      border-radius: 20px;
      overflow: hidden;
      display: flex;
      align-items: center;
  }

  .cta-content {
      position: relative;
      z-index: 2;
      width: 70%;
      color: var(--text);
  }

  .cta-section h2 {
      font-size: 30px;
      margin-bottom: 15px;
      background: linear-gradient(to left, var(--primaryColor), #ff5e62);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      margin-top: 0;
  }

  .cta-section p {
      max-width: 600px;
      margin: 0 0 30px 0;
      line-height: 1.7;
      opacity: 0.9;
  }

  .main-cta-button {
      display: inline-flex;
      align-items: center;
      padding: 15px 30px;
      background: var(--primaryColor);
      color: white;
      text-decoration: none;
      border-radius: 10px;
      font-size: 18px;
      font-weight: bold;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
  }

  .main-cta-button:before {
      content: '';
      position: absolute;
      top: 0;
      right: -50px;
      width: 50px;
      height: 100%;
      background: rgba(255, 255, 255, 0.3);
      transform: skewX(-45deg);
      transition: 0.6s;
  }

  .main-cta-button:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(255, 128, 0, 0.3);
  }

  .main-cta-button:hover:before {
      right: 150%;
  }

  .arrow-icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/arrow-icon.svg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: transform 0.3s ease;
  }

  .main-cta-button:hover .arrow-icon {
      transform: translateX(-5px);
  }

  .cta-decoration {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      overflow: hidden;
  }

  .decoration-circle {
      position: absolute;
      border-radius: 50%;
      background: rgba(255, 128, 0, 0.1);
  }

  .decoration-circle:nth-child(1) {
      width: 200px;
      height: 200px;
      top: -100px;
      left: -100px;
  }

  .decoration-circle:nth-child(2) {
      width: 300px;
      height: 300px;
      bottom: -150px;
      right: -150px;
  }

  .decoration-circle:nth-child(3) {
      width: 150px;
      height: 150px;
      top: 50%;
      left: 60%;
      transform: translate(-50%, -50%);
  }

  /* Responsive Styles */
  @media (max-width: 992px) {
      .anime-players-header {
          flex-direction: column;
      }

      .header-content, .header-animation {
          width: 100%;
          text-align: center;
      }

      .header-content p {
          max-width: 100%;
      }

      .anime-icon {
          margin: 30px auto 0;
      }

      .cta-content {
          width: 100%;
          text-align: center;
      }
  }

  @media (max-width: 768px) {
      .anime-players-header h1 {
          font-size: 30px;
      }

      .player-card {
          flex-direction: column;
      }

      .player-icon {
          flex: 0 0 auto;
          padding: 40px;
      }

      .player-features, .download-buttons {
          justify-content: center;
      }

      .cta-section {
          padding: 40px 25px;
      }

      .cta-section h2 {
          font-size: 26px;
      }
  }

  @media (max-width: 480px) {
      .anime-players-header h1 {
          font-size: 26px;
      }

      .anime-players-header p {
          font-size: 16px;
      }

      .player-content h2 {
          font-size: 22px;
      }

      .player-content {
          padding: 25px 20px;
      }

      .benefit-item {
          padding: 25px 20px;
      }

      .benefit-icon {
          width: 60px;
          height: 60px;
      }

      .benefit-item h3 {
          font-size: 20px;
      }

      .main-cta-button {
          padding: 12px 20px;
          font-size: 16px;
      }
  }
  .side.left-box {
      display: inline-block;
      width: 100%;
  }
  ul.aml-post_meta {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
  }
  li.item {
      font-size: 85%;
      line-height: 23px;
      margin-bottom: 25px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: calc(50% - 5px);
      margin-top: 10px;
      background-color: rgb(0 0 0 / 37%);
      border-radius: 10px;
      padding: 10px;
      color: var(--text);
  }
  .item-info a {
      color: var(--primaryColor);
  }
}
.side.left-box {
    display: inline-block;
    width: 100%;
}
ul.aml-post_meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
li.item {
    font-size: 85%;
    line-height: 23px;
    margin-bottom: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(50% - 5px);
    margin-top: 10px;
    background-color: rgb(0 0 0 / 37%);
    border-radius: 10px;
    padding: 10px;
    color: var(--text);
}
.item-info a {
    color: var(--primaryColor);
}

.serial_card__badge {
    position: absolute;
    top: 0;
    font-weight: 600;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    margin: -10px 0;
    padding: 4px 10px;
    font-size: 13px;
    color: #ffff;
    border-radius: 10px;
    border: 2px solid #000;
    transition: all .3s;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    max-width: 90%;
    justify-content: center;
    /* حذف transition opacity */
}

.mal_score_inner {
    background: var(--primaryColor);
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 11px;
    white-space: nowrap;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .serial_card__badge {
        font-size: 11px;
        padding: 3px 8px;
        gap: 6px;
    }

    .mal_score_inner {
        font-size: 10px;
        padding: 1px 4px;
    }
}

@media (max-width: 480px) {
    .serial_card__badge {
        font-size: 10px;
        padding: 2px 6px;
        gap: 4px;
    }

    .mal_score_inner {
        font-size: 9px;
        padding: 1px 3px;
    }
}

.post-content-about.wysiwyg-content {
    color: #ffffff !important;
    /* یا رنگ اصلی متن theme */
}

.post-content-about.wysiwyg-content p {
    color: inherit;
    margin-bottom: 15px;
}

.post-content-about.wysiwyg-content a {
    color: #ff8000;
    /* رنگ لینک‌ها */
    text-decoration: none;
}

.post-content-about.wysiwyg-content a:hover {
    text-decoration: underline;
}

.post-content-about.wysiwyg-content h2,
.post-content-about.wysiwyg-content h3,
.post-content-about.wysiwyg-content h4 {
    margin: 20px 0 10px 0;
}

.post-content-about.wysiwyg-content ul,
.post-content-about.wysiwyg-content ol {
    margin: 15px 0;
    padding-right: 20px;
}

.post-content-about.wysiwyg-content strong {
    font-weight: bold;
    color: inherit;
}
/* استایل بخش جستجو */
.actor_search {
    max-width: 800px;
    margin: 0 auto 30px auto;
}

.actors_page .search_input_wrap {
    position: relative;
    width: 100%;
    margin: 25px auto;
    display: flex;
    flex-direction: row-reverse;
}

.search-input-container {
    position: relative;
    flex: 1;
    background: var(--bg_lighter);
    border-radius: 15px;
    overflow: hidden;
    margin-left: 15px;
}

.actors_page .search_input {
    background: var(--bg_lighter);
    padding: 20px;
    padding-left: 130px;
    /* فضا برای دکمه */
    border: transparent;
    border-radius: 15px;
    outline: none;
    width: 100%;
    color: var(--text);
    font-size: 14px;
    transition: all 0.3s ease;
}

.actors_page .search_input:focus {
    box-shadow: 0 0 0 3px rgba(0, 123, 186, 0.1);
}

.actors_page .search_submit {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 10px;
    border-radius: 10px;
    border: none;
    background: var(--primaryColor);
    padding: 7px 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    white-space: nowrap;
    gap: 5px;
    font-size: 13px;
    z-index: 2;
}

.actors_page .search_submit:hover {
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.character-sort-select {
    padding: 20px;
    border: transparent;
    border-radius: 15px;
    font-size: 14px;
    background: var(--primaryColor);
    color: var(--text);
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    min-width: 180px;
    white-space: nowrap;
    outline: none;
    margin-left: 10px;
}

.character-sort-select:focus {
    box-shadow: 0 0 0 3px rgba(0, 123, 186, 0.1);
}

.character-sort-select:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* استایل کارت‌های شخصیت */
.postItem {
    background: var(--bg_lighter);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    margin-bottom: 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.postItem:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.postItem_image {
    position: relative;
    overflow: hidden;
}

.postItem_image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.postItem:hover .postItem_image img {
    transform: scale(1.05);
}

.postItem_title {
    padding: 20px 15px 15px;
}

.postItem_title h2 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 10px 0;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.postItem_title a:hover h2 {
    color: var(--primaryColor);
}

.character-role {
    font-size: 12px;
    color: #666;
    margin: 5px 0 10px 0;
    padding: 4px 8px;
    background: #f0f0f0;
    border-radius: 12px;
    display: inline-block;
    font-weight: 500;
}

/* استایل خلاصه آرا در لیست */
.character-votes-summary {
    border-top: 1px solid #f0f0f0;
    padding: 15px 0 0 0;
    margin-top: 15px;
    text-align: center;
}

.character-votes-summary .likes {
    color: #00a32a;
    font-weight: 600;
    font-size: 13px;
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.character-votes-summary .dislikes {
    color: #d63638;
    font-weight: 600;
    font-size: 13px;
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.character-votes-summary small {
    color: #666;
    font-size: 11px;
    display: block;
    margin-top: 5px;
    font-weight: 500;
}

.postItem:hover .character-votes-summary {
    background: linear-gradient(135deg, #f8f9ff 0%, #e8f0ff 100%);
    border-radius: 10px;
    padding: 12px;
    margin: 15px -15px -15px -15px;
    border-top: none;
}

/* استایل صفحه تک شخصیت - بخش رای‌دهی */
.character-voting {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 20px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.character-voting h3 {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin-bottom: 25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.voting-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.vote-btn {
    padding: 15px 30px;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 150px;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.vote-btn.like {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    color: white;
}

.vote-btn.like:hover {
    background: linear-gradient(135deg, #38a169 0%, #2f855a 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(72, 187, 120, 0.3);
}

.vote-btn.like.active {
    background: linear-gradient(135deg, #2f855a 0%, #276749 100%);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.vote-btn.dislike {
    background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    color: white;
}

.vote-btn.dislike:hover {
    background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(245, 101, 101, 0.3);
}

.vote-btn.dislike.active {
    background: linear-gradient(135deg, #c53030 0%, #9c2626 100%);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* استایل آمار آرا */
.vote-stats {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 25px;
    margin-top: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.vote-percentage {
    background: #e2e8f0;
    border-radius: 25px;
    height: 12px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.vote-percentage-fill {
    background: linear-gradient(90deg, #48bb78 0%, #38a169 100%);
    height: 100%;
    border-radius: 25px;
    transition: width 0.5s ease;
    position: relative;
}

.vote-percentage-fill::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);
    animation: shimmer 2s infinite;
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.vote-details {
    color: #4a5568;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
}

.likes-count {
    color: #38a169;
    font-weight: 700;
}

.dislikes-count {
    color: #e53e3e;
    font-weight: 700;
}

.total-count {
    color: #2d3748;
    font-weight: 700;
}

.percentage {
    color: #2b6cb0;
    font-weight: 700;
    font-size: 18px;
}

/* انیمیشن برای نمایش آمار جدید */
.vote-stats.updating {
    animation: pulse 0.5s ease;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }
}

/* Responsive Design */
@media (max-width: 968px) {
    .actors_page .search_input_wrap {
        flex-direction: column;
        gap: 15px;
    }

    .search-input-container {
        margin-left: 0;
        order: 2;
    }

    .character-sort-select {
        order: 1;
        min-width: auto;
        width: 100%;
    }

    .actors_page .search_input {
        padding: 15px 20px;
        padding-left: 120px;
    }

    .actors_page .search_submit {
        left: 10px;
        padding: 8px 12px;
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .actor_search {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .actors_page .search_input_wrap {
        margin: 15px auto;
        gap: 12px;
    }

    .actors_page .search_input {
        padding: 15px 18px;
        padding-left: 110px;
        font-size: 13px;
    }

    .actors_page .search_submit {
        left: 8px;
        padding: 6px 10px;
        font-size: 11px;
    }

    .character-sort-select {
        padding: 15px 18px;
        font-size: 13px;
    }

    .voting-buttons {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .vote-btn {
        min-width: 200px;
        padding: 12px 25px;
        font-size: 15px;
    }

    .character-voting {
        padding: 20px 15px;
        margin: 20px 0;
    }

    .character-voting h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .vote-stats {
        padding: 20px 15px;
    }

    .postItem_image img {
        height: 180px;
    }

    .postItem_title {
        padding: 15px 12px 12px;
    }

    .postItem_title h2 {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .search_input_wrap {
        padding: 12px;
        gap: 8px;
    }

    .actors_page .search_input {
        padding: 10px 12px;
        padding-left: 90px;
        font-size: 12px;
    }

    .actors_page .search_submit {
        left: 6px;
        padding: 5px 8px;
        font-size: 10px;
    }

    .character-sort-select {
        padding: 10px 12px;
        font-size: 12px;
    }

    .vote-btn {
        min-width: 180px;
        padding: 10px 20px;
        font-size: 14px;
    }

    .character-voting h3 {
        font-size: 16px;
    }

    .vote-details {
        font-size: 14px;
    }

    .postItem_image img {
        height: 160px;
    }
}

/* اضافه کردن hover effect برای موبایل */
@media (hover: none) {
    .postItem:hover {
        transform: none;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    }

    .vote-btn:hover {
        transform: none;
    }

    .actors_page .search_submit:hover {
        transform: translateY(-50%);
        box-shadow: none;
    }

    .character-sort-select:hover {
        border-color: initial;
    }
}

/* بهبود accessibility */
.vote-btn:focus {
    outline: 3px solid rgba(66, 153, 225, 0.5);
    outline-offset: 2px;
}

.character-sort-select:focus {
    outline: none !important;
    /* چون خودش outline دارد */
}

.actors_page .search_input:focus {
    outline: none !important;
    /* چون خودش shadow دارد */
}

.actors_page .search_submit:focus {
    outline: 3px solid rgba(66, 153, 225, 0.5);
    outline-offset: 2px;
}

/* Loading state برای دکمه‌های رای */
.vote-btn.loading {
    position: relative;
    color: transparent;
}

.vote-btn.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    color: white;
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}