body {font-family: 'Baloo 2','cursive', sans-serif;background: #eef2f7;color: #2c3e50;}
.sidebar {width: 260px;height: 100vh;position: fixed;top: 70px;left: 0;background: #ffffff;box-shadow: 3px 0 15px rgba(0, 0, 0, 0.05);padding-top: 20px;transition: all 0.3s ease;overflow-y: auto;}
.sidebar.collapsed {width: 70px;}
.sidebar.collapsed .sidebar-text, .sidebar.collapsed .accordion-body {display: none;}
.sidebar.collapsed .accordion-button::after {display: none;}
.sidebar .accordion {background: #ffffff;border: none;}
.sidebar .accordion-item {border: none;}
.sidebar .accordion-button {padding: 15px 25px;color: #2c3e50;background: #ffffff;font-weight: 500;transition: all 0.3s ease;}
.sidebar .accordion-button:not(.collapsed) {background: #3498db;color: #ffffff;}
.sidebar .accordion-button:focus {box-shadow: none;}
.sidebar .accordion-body a {padding: 10px 40px;color: #2c3e50;display: block;text-decoration: none;font-size: 0.9em;transition: all 0.3s ease;}
.sidebar .accordion-body a:hover, .sidebar .accordion-body a.active {background: #ecf0f1;color: #3498db;}
.content {margin-left: 260px;transition: all 0.3s ease;}
.content.expanded {margin-left: 70px;}
.navbar {/*margin-left: 260px;*/ background: #ffffff;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.navbar.expanded {margin-left: 70px;}
.card {border: none;border-radius: 12px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);background: #ffffff;}
.fade-in {animation: fadeIn 0.5s ease;}
.btn-action {margin-right: 8px;}
.theme-primary {background-color: #3498db;color: #ffffff;border-color: #3498db;}
.theme-primary:hover {background-color: #2980b9;border-color: #2980b9;}
.theme-secondary {background-color: #ecf0f1;color: #2c3e50;}
.table thead th {background: #f8f9fa;color: #2c3e50;font-weight: 500;}
@keyframes fadeIn {
      from {
            opacity: 0;
            transform: translateY(15px);
      }

      to {
            opacity: 1;
            transform: translateY(0);
      }
}

ul.account_menus {display: flex;list-style: none;padding: 0px;margin: 0px;}
ul.account_menus li {position: relative;}
ul.account_menus li ul.account_sub_menus {position: absolute;top: 30px;right: 0px;list-style: none;margin: 0px;background: #fff;opacity: 0;visibility: hidden;border-radius: 8px;border: none;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);padding: 5px 0;min-width: 150px;transition: all 0.2s ease-in-out;}
ul.account_menus li:hover ul.account_sub_menus {opacity: 1;visibility: visible;}
ul.account_menus li ul.account_sub_menus li a {margin-left: 0px !important;font-size: 16px;}
ul.account_menus li ul.account_sub_menus li {margin-bottom: 5px;margin-top: 5px;}
/*.navbar {width: calc(100% - 260px);}*/

/* Sidebar Submenu Styles */
.sidebar .submenu {display: none;padding-left: 30px;background: rgba(245, 246, 250, 0.8);}
.sidebar .submenu a {padding: 8px 38px;font-size: 14px;}
.sidebar .has-submenu:hover .submenu {display: block;}
.sidebar .has-submenu > a i:last-child {margin-left: auto;transition: transform 0.3s ease;}
.sidebar .has-submenu:hover > a i:last-child {transform: rotate(180deg);}

ul.all_account_menues {padding: 0px;margin: 0px;list-style: none;}
ul.all_account_menues li {position: relative;}
ul.all_account_menues li ul {margin: 0px;list-style: none;}
/*ul.all_account_menues li ul:before {content: "";height: 0;width: 0;border-right: 15px solid #2a2e45;position: absolute;top: 15px;left: -15px;border-top: 10px solid transparent;display: inline-block;border-bottom: 10px solid transparent;}
ul.all_account_menues li ul {position: absolute;top: 0px;left: 260px;padding: 0px;margin: 0px;list-style: none;box-shadow: 0px 0px 3px rgba(0,0,0,0.2);background: #fff;border-radius: 5px;opacity: 0;visibility: hidden;transition: all 0.2s ease-in-out;z-index: 1;width: 100%;}*/
ul.account_menus li a:hover {color: #FFD700;transform: translateY(-2px);}
.dropdown-menu a {color: #2A2E45;padding: 8px 15px;font-size: 14px;transition: background 0.3s ease, color 0.3s ease;margin-left: 0px !important;width: 100%;}
.dropdown-menu {border-radius: 8px;border: none;box-shadow: 0 4px 10px rgba(0,0,0,0.1);padding: 5px 0;min-width: 150px;}
.dropdown-toggle {text-decoration: none;}
.dropdown-toggle::after {vertical-align: 3px;}
.profile_main {display: inline-block;width: 100%;margin-top: 15px;}
.tabs_profile .tab {cursor: pointer;padding: 10px 15px;display: inline-block;border: 1px solid #fff;background: #fff;}
.tabs_profile .tab.active {background: #2a2e45;color: white;border-color: #2a2e45;}
.tabs_profile {display: grid;width: 250px;float: left;}
.profile_main .tab-content {display: none;padding: 40px;border: 1px solid #ccc;width: calc(100% - 270px);float: right;background: #fff;border-radius: 5px;box-shadow: 3px 0 15px rgba(0, 0, 0, 0.05);}
.profile_main .tab-content.active {display: block;}
button.btn_reset_password, button.btn_update_profile {background: #2a2e45;color: #fff;border: 1px solid #2a2e45;padding: 10px 25px;margin-top: 10px;border-radius: 5px;transition: all 0.3s ease-in-out;line-height: 18px;}
button.btn_reset_password:hover, button.btn_reset_password:focus, button.btn_update_profile:hover, button.btn_update_profile:focus {background: #FFD700;color: #2a2e45;border: 1px solid #FFD700;outline: none;}
.profile_inner {margin-bottom: 15px;}
.profile_inner .form-control {font-size: 15px;color: #2a2e45;}
.new_password_box, .profile_box {display: flex;justify-content: space-between;}
.new_password_box .profile_inner, .profile_box .profile_inner {width: 49%;}
h2.page_title {font-size: 28px;margin-bottom: 20px;color: #2a2e45;}
.profile_image {position: relative;margin-bottom: 25px;display: inline-block;}
.profile-pic {width: 128px;height: 128px;display: inline-block;max-width: 100%;object-fit: cover;}
.file-upload {display: none;}
.circle_profile {border-radius: 100% !important;overflow: hidden;width: 128px;height: 128px;float: left;}
.p-image {float: right;color: #666666;padding-left: 15px;transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.p-image:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.upload-button {font-size: 16px;background: #2a2e45;color: #fff;padding: 8px 20px;text-decoration: none;border-radius: 5px;display: inline-block;margin-bottom: 10px;margin-top: 28px;}
.p-image p {margin: 0px;color: #2a2e45;font-size: 15px;}
.upload-button:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);color: #fff;}
.new_password_box .profile_inner {position: relative;}
.new_password_box i.fa {position: absolute;bottom: 10px;right: 10px;cursor: pointer;}
.content_main {padding: 40px;border: 1px solid #ccc;width: 100%;float: right;background: #fff;border-radius: 5px;box-shadow: 3px 0 15px rgba(0, 0, 0, 0.05);margin-top: 15px;position: relative;}
.create_btn {position: absolute;top: 40px;right: 40px;}
.create_btn button {background: #2a2e45;border-color: #2a2e45;}
.create_btn .dropdown-menu {left: -65px !important;}
.video_content {display: flex;gap: 15px;}
.video_content_left iframe {width: 120px;height: 70px;border-radius: 5px;}
.video_content_right h5 {font-size: 15px;margin-bottom: 3px;font-weight: 500;color: #2a2e45;}
.video_content_right h5 a {color: #2a2e45;text-decoration: none;}
.video_content_right p {font-size: 15px;margin: 0px;}
.dots_btn .dropdown-toggle::after {display: none;}
.dots_btn .dropdown-toggle {padding: 0px;background: transparent;border: medium none;}
.dots_btn .dropdown-toggle:focus {padding: 0px;background: transparent;border: medium none;}
.dots_btn .dropdown-menu {min-width: 100px;}
.nav_content button.nav-link {padding: 5px 0px;margin-right: 25px;border: medium none;border-bottom: 2px solid transparent;color: #555;font-weight: 500;}
.nav_content button.nav-link:hover {border: medium none;border-bottom: 2px solid transparent;}
.nav_content button.nav-link.active {background: transparent;border-color: #2a2e45;color: #2a2e45;}
.content_main .table thead th {color: #2a2e45;font-size: 15px;}
.content_main .table tbody td {color: #2a2e45;font-size: 15px;}
.content_main .table {border-top: 1px solid #dee2e6;border-left: 1px solid #dee2e6;border-right: 1px solid #dee2e6;}
.nav_content {border: medium none;}

.content_main_single {display: inline-block;width: 100%;margin-top: 15px;}
.content_main_single_inner nav {float: left;width: 250px;}
.content_main_single_inner .tab-content {padding: 40px;border: 1px solid #ccc;width: calc(100% - 270px);float: right;background: #fff;border-radius: 5px;box-shadow: 3px 0 15px rgba(0, 0, 0, 0.05);}
.content_main_single_inner button.btn_update_profile {display: block;}
.nav_content_detail {border: medium none;display: block;}
.nav_content_detail button.nav-link {cursor: pointer;padding: 10px 15px;display: inline-block;border: 1px solid #fff;background: #fff;width: 100%;text-align: left;border-radius: 0px;}
.nav_content_detail button.nav-link.active {background: #2a2e45;color: white;border-color: #2a2e45;}
.profile_inner select.form-control {appearance: auto;padding-right: 20px;}
.content_main_single_inner .profile_image {margin-top: 20px;}
.content_main_single_inner .circle_profile {border-radius: 5px !important;}
.btn_category_create {background: #2a2e45;border: 1px solid #2a2e45;color: #fff;padding: 10px 20px;border-radius: 5px;position: absolute;top: 40px;line-height: 18px;right: 40px;transition: all 0.3s ease-in-out;text-decoration: none;}
.btn_category_create:hover, .btn_category_create:focus {background: #FFD700;color: #2a2e45;border: 1px solid #FFD700;outline: none;}

.subscription_checkbox {margin-top: 10px;display: flex;gap: 25px;}
.subscription_checkbox .container-checkbox {display: block;position: relative;padding-left: 35px;margin-bottom: 15px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.subscription_checkbox .container-checkbox input {position: absolute;opacity: 0;cursor: pointer;}
.subscription_checkbox .container-checkbox .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}
.subscription_checkbox .container-checkbox:hover input ~ .checkmark {background-color: #ccc;}
.subscription_checkbox .container-checkbox input:checked ~ .checkmark {background-color: #2a2e45;}
.subscription_checkbox .container-checkbox .checkmark:after {content: "";position: absolute;display: none;}
.subscription_checkbox .container-checkbox input:checked ~ .checkmark:after {display: block;}
.subscription_checkbox .container-checkbox .checkmark:after {left: 9px;top: 5px;width: 7px;height: 12px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
a.back_btn {margin-bottom: 20px;display: inline-block;background: #fff;width: 100%;padding: 10px 15px;border-radius: 5px;color: #2a2e45;font-size: 16px;text-decoration: none;transition: all 0.3s ease-in-out;}
a.back_btn:hover {background: #f9f9f9;}
a.back_btn i {margin-right: 5px;}
.btn_active {color: green;}
.btn_deactive {color: red;}
.btn_cancelled {color: yellow;}
.dashboard_box {display: flex;gap: 20px;flex-wrap: wrap;}
.dashboard_box .card {background: white;padding: 25px 20px;border-radius: 8px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);flex: 1;text-align: center;}
.dashboard_box .card h3 {font-size: 20px;color: #2a2e45;}
.dashboard_box .card p {margin: 0px;color: #2a2e45;}
.dashboard_chart {margin-top: 20px;display: flex;gap: 20px;flex-wrap: wrap;}
.dashboard_chart_inner {background: white;padding: 30px 20px;border-radius: 8px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);flex: 1;}
.dashboard_chart_inner h3 {font-size: 20px;color: #2a2e45;}
.dashboard_box_head {margin-top: 15px;}
.category-btn {text-decoration: none;}
.content_main_single_inner button.btn_update_profile {width: fit-content;}
.settings-sub-header {margin-top: 10px;border-top: 1px solid #eee;padding-top: 15px;}
.settings_submit_button {display: flex;gap: 15px;}
button.btn_cancel_profile {background: #FFD700;color: #2a2e45;border: 1px solid #FFD700;padding: 10px 25px;margin-top: 10px;border-radius: 5px;transition: all 0.3s ease-in-out;line-height: 18px;}
button.btn_cancel_profile:hover, button.btn_cancel_profile:focus {background: #2a2e45;color: #fff;border: 1px solid #2a2e45;outline: none;}
.nav_content_detail button.nav-link {border: medium none;color: #2a2e45;margin-bottom: 0px;}
.nav_content_detail button.nav-link:hover {border: medium none;}
#email-settings-detail {position: relative;}
#email-settings-detail .create_btn {position: absolute;top: 0px;right: 0px;}
#subscribersChart {height: 235px; width: 100%;}
#contentChart {height: 235px; width: 100%;}
#subscriptionsChart {height: 471px; width: 100%;}
.status-toggle {display: flex;align-items: center;margin-top: 4px;}
.status-toggle .check {display: block;height: 0;visibility: hidden;opacity: 0;pointer-events: none;position: absolute;margin: 0;padding: 0;}
.status-toggle .checktoggle {background: #CDCDCD;cursor: pointer;display: block;font-size: 0;margin-bottom: 0;position: relative;border-radius: 12px;width: 35px;height: 18px;}
.status-toggle label.checktoggle {order: 2;}
.status-toggle .check:checked + .checktoggle {background: #2a2e45;}
.status-toggle .check:checked + .checktoggle:after {left: 100%;transform: translate(calc(-100% - 3px), -50%);right: 0;width: 10px;height: 10px;}
.status-toggle .checktoggle:after {content: " ";display: block;width: 10px;height: 10px;background-color: #FFF;-webkit-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;transform: translate(3px, -50%);-webkit-transform: translate(3px, -50%);-ms-transform: translate(3px, -50%);position: absolute;top: 50%;left: 0;border-radius: 50%;}
a.titleLinkTag {color: #2a2e45;text-decoration: none;}
.active>.page-link, .page-link.active {background-color: #2a2e45;border-color: #2a2e45;}
.page-link, .page-link:hover {color: #333;}
.active>.page-link:hover {color: #fff;}
.back_home_btn {background: #2a2e45;color: #fff;padding: 12px 30px;display: inline-block;border-radius: 8px;text-decoration: none;line-height: 18px;transition: all 0.3s ease-in-out;}
.back_home_btn:hover, .back_home_btn:focus {background: #FFD700;color: #2A2E45;}
.page_error_not_found h3 {font-size: 35px;margin-bottom: 20px;color: #2a2e45;}
.page_error_not_found {text-align: center;height: calc(100vh - 130px);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.subscription_main_list {display: flex;flex-wrap: wrap;gap: 25px;}
.subscription_left_details {width: 35%;background: #eef2f7;padding: 20px;border-radius: 8px;}
.subscription_right_details {width: 62.8%;}
.btn_download_plan {color: #2a2e45;display: inline-block;border-radius: 8px;text-decoration: none;}
.subscription_left_details ul {padding: 0px;margin: 0px;list-style: none;}
.subscription_left_details ul li {margin-bottom: 10px;}
.subscription_left_details ul li:last-child {margin-bottom: 0px;}
.subscription_left_details ul li span {width: 160px;display: inline-block;}
.btn_green_active {background: #d3ebb6;border: 1px solid #608932;color: #608932;padding: 5px 15px;border-radius: 30px;text-decoration: none;}
.dashboard_box.dashboard_subscription_box .card {text-align: left;}

/* 22-04-2025 */
#bulkDeleteForm .button_collection {margin-bottom: 20px;}
.video_content_left a img {height: 70px;width: 70px;object-fit: cover;}
.navbar-icons .account_menus a {position: relative;}

@media (max-width: 767px) {
      .page_error_not_found img {max-width: 100%;}
/*.form-control {display: none;}*/
.content_main_single_inner button.btn_update_profile {margin-left: 0px;}
.content_main h2.page_title {text-align: left;}
.video_content_left img {height: 70px;object-fit: cover;}
.mobile_scroll_tab {flex-wrap: unset !important;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
.mobile_scroll_tab .categoryFilter {margin: 0px;height: 40px;}
.sidebar {top: 60px;width: 0px;}
.sidebar.open {width: 250px;z-index: 9999;margin-top: 0px;}
.content_main_single_inner nav, .tabs_profile {width: 100%;margin-bottom: 30px;}
.content_main_single_inner .tab-content, .profile_main .tab-content {padding: 20px 15px;width: 100%;float: left;}
.profile_inner label {font-size: 12px;}
.profile_inner .form-control {font-size: 13px;}
h2.page_title {font-size: 22px;text-align: center;}
.p-image {float: left;padding-left: 0px;}
.content > .container {padding-left: 0px;padding-right: 0px;}
.content_main_single {margin-bottom: 70px;}
.content_main {padding: 20px 15px;width: 100%;float: left;margin-bottom: 70px;}
.content_main table.dataTable {width: 900px !important;}
.content_main .dataTables_wrapper {width: 900px;}
.btn_category_create {top: 16px;font-size: 14px;line-height: 14px;right: 15px;}
button.btn_reset_password, button.btn_update_profile {margin-left: 10px;}
.subscription_checkbox {display: grid;gap: 10px;grid-template-columns: 1fr 1fr;}
.subscription_checkbox .container-checkbox {font-size: 14px;}
.create_btn {top: 16px;right: 15px;}
.content_main .table {width: 800px;}
.profile_main {margin-top: 10px;margin-bottom: 80px;}
.new_password_box {display: block;}
.new_password_box .profile_inner {width: 100%;}
.new_password_box small.text-muted {display: block;margin-bottom: 5px;font-size: 13px;}
.dashboard_box {display: block;}
.dashboard_box .card {margin-bottom: 15px;}
.dashboard_chart {display: block;margin-bottom: 0px;}
.dashboard_chart_inner {padding: 25px 15px;margin-bottom: 20px;}
.general-settings-inner .row {display: grid;grid-template-columns: 1fr 1fr;}
.general-settings-inner .col-3 {width: 100%;}
.navbar-toggler:focus {outline: none;box-shadow: none;}
ul.account_menus li.dropdown {display: none;}
.subscription_main_inner {display: block !important;max-width: 100% !important;}
.subscription_main {margin-top: 70px;margin-bottom: 50px;}
.subscription_box {display: inline-block !important;margin-bottom: 25px !important;}
.page_error_not_found h3 {font-size: 30px;}
.subscription_main_list {display: block;}
.subscription_left_details {width: 100%;margin-bottom: 25px;}
.subscription_right_details {width: 100%;}
.subscription_right_details table {width: 600px;}
.subscription_left_details ul li span {width: 100%;display: block;}
.btn_green_active {padding: 2px 15px;display: inline-block;margin-top: 5px;}
.content {padding: 80px 20px;}
}

@media (max-width: 768px) {
/*.sidebar {width: 0;overflow: hidden;}*/
.content, .navbar {margin-left: 0;}
.sidebar.active {width: 260px;}
}

@media (min-width: 992px) {
      .navbar-icons a {font-size: 16px !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
      .content_main {padding: 20px;float: none;margin-top: 80px;}
      .video_content_right h5 {font-size: 14px;}
      .video_content_right p {font-size: 14px;}
      .content_main .table tbody td {font-size: 14px;}
      .btn_category_create {top: 20px;}
      .content_main_single {margin-top: 80px;}
      .content_main_single_inner .tab-content {padding: 20px;}
      h2.page_title {font-size: 24px;}
      .subscription_checkbox {gap: 10px;}
      .subscription_checkbox .container-checkbox {font-size: 14px;}
      .dashboard_box {gap: 10px;}
      .dashboard_box .card {padding: 15px;}
      .dashboard_box .card h3 {font-size: 16px;}
      .dashboard_box .card p {font-size: 14px;}
      .dashboard_chart {display: block;}
      .dashboard_chart_inner {margin-bottom: 20px;}
      .profile_inner label {font-size: 14px;}
      .general-settings-inner .row {display: grid;grid-template-columns: 1fr 1fr;}
      .general-settings-inner .col-3 {width: 100%;}
      .sidebar {width: 0px;}
      .navbar-toggler:focus {outline: none;box-shadow: none;}
      .content {margin-left: 0;padding: 90px 15px 70px;}
      .subscription_main_inner {max-width: 100% !important;gap: 20px !important;}
      .subscription_box_top {padding: 40px 15px 25px !important;}
      .subscription_box_list {padding: 25px 20px 25px !important;}
      .subscription_box p {font-size: 14px !important;}
      .price_subscription {font-size: 32px !important;}
      .page_error_not_found {height: calc(100vh - 160px);}
      .subscription_main_list {display: block;}
      .subscription_left_details {width: 100%;margin-bottom: 20px;}
      .subscription_right_details {width: 100%;}
      .subscription_right_details table {width: 600px;}
      .navbar-icons a {font-size: 18px;}
      .mobile_scroll_tab {flex-wrap: unset !important;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
      .mobile_scroll_tab .categoryFilter {margin: 0px;height: 40px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
      .content_main table.dataTable {width: 900px !important;}
      .content_main .dataTables_wrapper {width: 900px;}
      .p-image p {font-size: 14px;}
      .content_main_single_inner .tab-content {padding: 20px;}
      h2.page_title {font-size: 24px;}
      .subscription_checkbox {gap: 10px;}
      .subscription_checkbox .container-checkbox {font-size: 14px;}
      .video_content_right h5 {font-size: 14px;}
      .video_content_right p {font-size: 14px;}
      .content_main .table tbody td {font-size: 14px;}
      .dashboard_chart {display: block;}
      .dashboard_chart_inner {margin-bottom: 20px;}
      .dashboard_box {gap: 10px;}
      .dashboard_box .card {padding: 15px;}
      .dashboard_box .card h3 {font-size: 16px;}
      .dashboard_box .card p {font-size: 14px;}
      .profile_inner label {font-size: 14px;}
      .general-settings-inner .row {display: grid;grid-template-columns: 1fr 1fr;}
      .general-settings-inner .col-3 {width: 100%;}
      .subscription_main_inner {max-width: 100% !important;gap: 20px !important;}
      .subscription_box_top {padding: 40px 15px 25px !important;}
      .subscription_box_list {padding: 25px 20px 25px !important;}
      .subscription_box p {font-size: 14px !important;}
      .price_subscription {font-size: 32px !important;}
      .subscription_main_list {display: block;}
      .subscription_left_details {width: 100%;margin-bottom: 20px;}
      .subscription_right_details {width: 100%;}
      .subscription_right_details table {width: 600px;}
      .video-card img {height: 120px;}
      .mobile_scroll_tab {flex-wrap: unset !important;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
      .mobile_scroll_tab .categoryFilter {margin: 0px;height: 40px;}
}

@media (min-width: 1200px) and (max-width: 1380px) {
      .dashboard_box .card {padding: 25px 15px;}
}
.navbar-brand {
      font-family: 'Baloo 2', cursive;
      font-size: 2rem;
      letter-spacing: 1px;
}

.logo span {
      transition: transform 0.2s ease;
      display: inline-block;
}

.logo span:hover {
      transform: scale(1.2) rotate(-5deg);
}

.logo_k { color: #ff6b6b; }  /* Coral Red */
.logo_i1 { color: #48dbfb; } /* Sky Blue */
.logo_i2 { color: #1dd1a1; } /* Mint Green */
.logo_d  { color: #feca57; } /* Yellow */
.logo_z  { color: #ff9ff3; } /* Pink */
.logo_y  { color: #5f27cd; } /* Purple */
.logo_t  { color: #54a0ff; } /* Light Blue */
.logo_e  { color: #00d2d3; } /* Aqua */
.logo_c  { color: #ffb8b8; } /* Peach */
.logo_h  { color: #576574; } /* Gray */
.categoryFilter {
      background: #fff;
      border: 1px solid #2A2E45;
      padding: 8px 20px;
      margin: 5px;
      border-radius: 8px;
      color: #2A2E45;
      transition: all 0.3s ease;
}

.categoryFilter:hover, .categoryFilter.active {
      background: #2A2E45;
      color: #FFD700;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      transform: translateY(-2px);
}
.video_user_profile {
      padding-left: 40px;
      position: relative;
}
.video_user_profile img {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      position: absolute;
      left: 0;
}
.video_user_profile span {
      display: block;
      font-size: 14px;
      color: #212529bf;
}