.video-js .vjs-control-bar {
    height: 3.5em!important;
    background-color: #1b1b1b!important;
}

.watch-video-description p {
     word-wrap: break-word; 
}



.yp_side_drawer ul.sections li.active a {
    color: #ffffff !important;
}


.hm-link {
  color:#E90101!important;
}

a:hover, a:focus {
    color: #e90101;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

float:hover float:focus {
	color:#FFF;
}

.my-float{
	margin-top:16px;
}


.plyr--full-ui input[type=range] {
    color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#e90101)))!important;
}

.plyr__control--overlaid {
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#e90101)))!important;
}

/* Update - 10 May, 2023 */
.clip_top {
    margin-top: -5px;
}
.clip_top img {
	    border-radius: 0;
    object-fit: cover;
    height: 90px;    width: 100%;z-index: 1;
    position: relative;
}
.image_dropdown {
    width: 100%;
    text-align: center;
    margin-top: -53px;position: relative;
    z-index: 2;
}
.image_dropdown img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-bottom: 20px;
}
body .image_dropdown a:hover {
	color: #000 !important;
}
.icon_pro {
    position: absolute;
    right: 93px;
    top: 44px;
}
.name_channel {
    text-align: center;
    display: flex !important;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    padding: 0 !important;
}
.name_channel:hover {
    text-decoration: none;
}
.name_channel .name_pes {
    font-size: 16px;
    text-transform: capitalize;
}
.name_channel .channel_pass {
    font-size: 12px;
}
.custom_menu_login_usss li.points___ {
    width: 250px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #EBEBEB15;
    border-bottom: 1px solid #EBEBEB15;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 15px;
}

nav.navbar-findcond .header-image {
    width: 35px;
    height: 35px;
    border: none;
    margin: -9px 0 -7px;
    border-radius: 50%;
}

nav.navbar-findcond ul.navbar-nav.custom_text_link .custom_menu_login_usss a {
	margin: 2px 2px;
    height: auto;
}

.points___ a {
    display: block;
width: 100%;
}
.points___ a:hover {
    background: none !important;
}
.points_secton_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    width: 100%;
}
.p_number__ {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}
.text_lang_span {
    font-size: 12px;
}
.custom_menu_login_usss li {
    width: 290px;
    margin: 5px 12px;
}
.custom_menu_login_usss li > a{
   border-radius: 14px;
}

.image_dropdown {
    width: 100%;
    text-align: center;
    margin-top: -53px;position: relative;
    z-index: 2;
}
.image_dropdown img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-bottom: 20px;
}
body .image_dropdown a:hover {
	color: #000 !important;
}

.name_loggedin_user {
    font-size: 14px;
}
.search_line {
    width: 1px;
    border-left: 1px solid #70707035;
    position: absolute;
    right: 36px;
    top: 4px;
    height: 28px;
}

.dddown-menu {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	margin: 15px;
}
.dddown-menu .dropdown-toggle {
	    background: rgb(0 0 0 / 30%);
    backdrop-filter: blur(50px);
    border-radius: 8px;
    display: block;
    line-height: 1;
    padding: 5px 8px;    color: #fff;
}
.dddown-menu .custom_menu_login_usss li {
    width: auto;
}
.dddown-menu .open > .dropdown-menu.ani-acc-menu {
    transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
    transform: scale3d(1,1,1);
    opacity: 1;
    visibility: visible;
}


/* LEFT SIDE MENU CSS */


/* custom notification */
.custom_notif_dropdown::after {display: none;}
.custom_notif_dropdown {
    background: #fff 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 20px !important;
    opacity: 1;
    padding: 20px !important;
}

.custom_notif_dropdown::after {
    content: "";
    display: block;
    position: absolute;
    right: 1.2rem;
    top: -11px;
    border-bottom: 15px solid #f3f3f3;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

ul.notfi-dropdown { min-width: 350px !important; max-width: 400px !important; width: auto; border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px; font-family: 'Poppins', sans-serif;
 padding: 0; margin: 0; height: auto;  }
ul.notfi-dropdown ul#notifications-list { width: 100%; display: block; padding: 0; margin: 0; 
    overflow: hidden; overflow-y: auto; min-height: 50px; max-height: 223px; }
ul.notfi-dropdown ul#notifications-list li.notifications-list { width: 100%; display: block; 
    padding: 8px; margin: 0; 
     /*border-bottom: 1px solid #2B2B2B; */background: #fff; cursor: pointer;border-radius: 8px;}
ul.notfi-dropdown ul#notifications-list li.notifications-list:last-child { border-bottom: none; }
ul.notfi-dropdown ul#notifications-list li.notifications-list:hover { background: #f7f7f7; }
ul.notfi-dropdown ul#notifications-list li.notifications-list a { padding: 0; border: 0; }
ul.notfi-dropdown ul#notifications-list li.no-notifications {margin-top: 70px !important;
    margin-bottom: 70px !important;}
ul.notfi-dropdown ul#notifications-list li div.avatar { width: 45px; height: 45px; 
    display: inline-block; float: left; margin-right: 10px; }
ul.notfi-dropdown ul#notifications-list li div.avatar img { border-radius: 50%; width:100% }
ul.notfi-dropdown ul#notifications-list li div.notifications-info { overflow: hidden; width:80% }
ul.notfi-dropdown ul#notifications-list li div.notifications-info p { width: 100%; overflow: hidden; 
    margin: 0; padding: 0; color: #0f0f0f!important; font-size: 15px; }
ul.notfi-dropdown ul#notifications-list li div.notifications-info p .main-color { font-weight: normal; color: #000; }
ul.notfi-dropdown ul#notifications-list li div.notifications-info p a { color: #333 !important; font-family: 'Poppins', sans-serif;
 text-transform: unset; }
ul.notfi-dropdown ul#notifications-list li div.notifications-info p a:hover { color: #333 !important; text-decoration: none !important; }
ul.notfi-dropdown ul#notifications-list li div.notifications-info time { color: #00000064; font-size: 11px; margin: 4px 0 0; font-family: arial; display: block; }
ul.notfi-dropdown ul#notifications-list li div.notifications-info time svg.feather { margin: -2px 3px 0; width: 15px; height: 15px; }
ul.notfi-dropdown ul#notifications-list::-webkit-scrollbar { width: 5px; background: transparent !important; }
ul.notfi-dropdown ul#notifications-list::-webkit-scrollbar-thumb { background-color: #ccc; }
.notifications-list a:hover { text-decoration: none !important; }
ul.notfi-dropdown li h5 { display: block;  margin: 0; overflow: hidden; 
    position: relative; 
    font-size: 12px; font-weight: normal; }
ul.notfi-dropdown li h5 i.fa-circle-o-notch { float: right; color: #555; display: none;}

/* HOMEPAGE SLIDER */
.slick-slide img{display:block; width:100%; border-radius: 12px;}
.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 10px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.homepage-slider .slick-dots{bottom:30px}
.homepage-slider .slick-dots li{margin:0 10px}
.homepage-slider .slick-dots li button{background:#fff;width:25px;height:10px;    height: 5px;
    padding: 2px;}
.homepage-slider .slick-dots li button:before{display:none}
.homepage-banner img{ width: 100%; border-radius: 12px; }

.custom_toggler_mode{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 34px;
}
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
     }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s; }
    .switch .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
          left: 3px;
    bottom: 3px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
  .switch .slider.round {
    border-radius: 34px; }
    .switch .slider.round.round:before {
      border-radius: 50%; }
  .switch.active .slider {
    background-color: #e90101; }
  .switch.active .slider {
    -webkit-box-shadow: 0 0 1px #2196F3;
    -moz-box-shadow: 0 0 1px #2196F3;
    -ms-box-shadow: 0 0 1px #2196F3; }
  .switch.active .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); 
  }
  
  .toggle-mode .switch {cursor: pointer;position: relative;padding: 0 12px;width: 100%;display: flex;align-items: center;}
.toggle-mode .switch input { display: none; }
.toggle-mode .slider {transition: all 0.4s;padding: 4px;display: block;width: 28px;height: 28px;background-color: #f1f1f1;border-radius: 50%;margin-left: auto;}
.toggle-mode .slider svg.feather { fill: #6b6b6b; margin: 2px 0 0 2px; }
.toggle-mode input:checked + .slider { background-color: #4285f4; }
.toggle-mode input:checked + .slider svg.feather { fill: #d9e7fd; }
.toggle-mode input:focus + .slider { box-shadow: 0 0 1px #2196f3; }


/* MENU CSS */
header{height: 70px;padding: 0 16px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);background-color: white;}
navbar {margin-bottom: 0!important;}

.dropdown-menu { animation-name: slidenavAnimation; 
    animation-duration: .1s; 
    animation-iteration-count: 1; 
    animation-timing-function: ease; 
    animation-fill-mode: forwards; 
    border-radius: 31px !important;
}
.dropdown-menu a { color: #444; font-size: 16px !important; }
.dropdown-menu a i { color: #f23004; }
.dropdown-menu a:hover { color: #fff !important; }
.dropdown-menu.ani-acc-menu {overflow: visible; visibility: hidden; opacity: 0; transition: opacity 120ms linear, top 120ms linear, visibility 120ms linear; display: block;transform-origin: right top;border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;animation: none;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);transform: scale3d(.8,.8,1);min-width: 200px;border: 0;}
.dropdown-menu > li > a:focus { color: #000000 !important; }
.dropdown-menu > li > a:hover { color: #000000 !important; background: #E6F4FF; }
.dropdown-menu.categories-drop-down {top: 67px;overflow: visible;visibility: hidden;opacity: 0;max-height: 390px;overflow: hidden;overflow-y: auto;filter: alpha(opacity=0);transition: opacity 120ms linear, top 120ms linear, visibility 120ms linear;display: block;}
.open>.dropdown-menu.categories-drop-down {visibility: visible;opacity: 1;filter: none;top: 50px;max-height: 570px;overflow: hidden;overflow-y: auto;
}
.ddown-menu div.dropdown { display: inline-block; }
.ddown-menu div.dropdown span.dropdown-toggle { padding-left: 15px; display: inline-block; }
.ddown-menu div.dropdown ul.dropdown-menu { right: 100%; left: unset; min-width: 200px; border-radius: 2px; }

nav.navbar-findcond ul.navbar-nav a.hdr_hover_btn {
	width: 45px;
    height: 45px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50%;margin: 3px;    color: #3e3e3e !important;
}
nav.navbar-findcond ul.navbar-nav .hide-from-mobile.profile-nav > a {
	padding: 15.5px 12px;
    border-radius: 2em;
}
nav.navbar-findcond ul.navbar-nav a.hdr_hover_btn:hover, nav.navbar-findcond ul.navbar-nav .hide-from-mobile.profile-nav > a:hover {
	    background: rgb(0 0 0 / 10%) !important;
}
nav.navbar-findcond ul.navbar-nav a.hdr_hover_btn svg path:hover {
	fill: currentColor !important;
}
nav.navbar-findcond.resize_hdr_plr ul.navbar-nav a.hdr_hover_btn, nav.navbar-findcond.resize_hdr_plr ul.navbar-nav .hide-from-mobile.profile-nav > a {
    color: #fff !important;
}
nav.navbar-findcond.resize_hdr_plr ul.navbar-nav a.hdr_hover_btn:hover, nav.navbar-findcond.resize_hdr_plr ul.navbar-nav .hide-from-mobile.profile-nav > a:hover {
    background: rgb(255 255 255 / 20%) !important;
}

.pt_mn_wtch_pub {border-bottom: 0;margin: 0;padding-bottom: 0;padding-top: 0px;}


.visitor-box {
    background-color: #eee;
    border-radius: 12px;
    display: flex;        /* Use flexbox to align the content in a single line */
    align-items: center;  /* Align items vertically center */
    padding: 5px 15px;    /* Add some padding for spacing */
}

.visitor-box > div {
    margin-right: 10px;  /* Add some margin for spacing between number and text */
}

.hide-in-desktop {
    display: none;
}

.yp_side_drawer svg {
    margin-right: 5px;
}


/* VIDEO JS CSS 1 december 2023 */
.video-js {
    background-color: #000!important;
    color: #fff!important;
    border-radius: 8px!important;
    overflow: hidden!important;
}

/* Control bar customization */
.vjs-control-bar {
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 14px!important;
}

/* Button styles */
.vjs-button {
    color: #fff!important;
}

/* Customize the play button */
.vjs-big-play-button {
    background-color: rgba(255, 255, 255, 0.7)!important;
    border-radius: 50%!important;
    width: 60px!important;
    height: 60px!important;
    line-height: 60px!important;
}

/* Customize the progress bar */
.vjs-progress-control .vjs-progress-holder {
    background-color: rgba(255, 255, 255, 0.2)!important;
}

.vjs-progress-control .vjs-play-progress {
    background-color: #cb161a!important;
}

/* Responsive adjustments */
@media screen and (max-width: 600px) {
    .vjs-control-bar {
        font-size: 10px!important;
    }

    .vjs-big-play-button {
        width: 50px!important;
        height: 50px!important;
        line-height: 50px!important;
    }
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F!important;
    background-color: rgba(43, 51, 63, 0.7)!important;
    position: absolute!important;
    width: 100%!important;
    bottom: 1.5em!important;
    font-size: 16px!important;
    max-height: 15em!important;
}


.vjs-menu .vjs-menu-content {
    padding: 5px 10px!important;
    border-radius: 12px!important;
}

.vjs-resolution-button .vjs-menu li {
    border-radius: 12px;
}


/* Floating Social Icons - Desktop + Mobile */
.mobile-floating-social {
    position: fixed;
    right: 40px;
    bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 9999;
}

.social-float-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}

.social-float-icon:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

.social-float-icon svg {
    width: 22px;
    height: 22px;
}

/* Facebook */
.social-float-icon.facebook {
    background-color: #1877f2;
}

/* Instagram */  
.social-float-icon.instagram {
    background-color: #E4405F;
}

/* X (Twitter) */
.social-float-icon.x-twitter {
    background-color: #000000;
}

/* Telegram */
.social-float-icon.telegram {
    background-color: #0088cc;
}

/* YouTube */
.social-float-icon.youtube {
    background-color: #FF0000;
}