@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Saira:ital,wght@0,100..900;1,100..900&display=swap');

/*****************************************************************
	CSS Index
*****************************************************************/

/*-----------------------------------------------------------
#. General Style
#. Login Wrapper
#. Navigation Menu
#. Splide Slider
#. Banner Ads
#. Video Carousel
#. Popup Search Block
#. Footer Area
#. Tooltip
#. WTV Breadcrumbs Area
#, Popup Modal
#, WTV Card List
#, WTV Profile
#, My Account
#, Pair Device
#, Subscribe Plan
#, Other Common Page
*/

/*-----------------------------------------------------------
	General Style
-----------------------------------------------------------*/
/* Default */
:root {
	--body-font: "Inter", sans-serif;
	--body-color: #000000;
	--dark-one: #121212;
	--text-white: #FFFFFF;
	--text-gray: #667799;
	--bg-black: #000000;
	--bg-white: #FFFFFF;
	--btn-white: #FFFFFF;
	--text-yellow: #FACC15;
	--color-primary: #FE53BB;
	--color-secondary: #ff8b00;
	--color-success-green: #5bb85d;
	--input-focus: rgba(13, 110, 253, 0.25);
	--bg-transparent-color: rgba(255, 255, 255, 0.1);
	--bg-light-transparent-2: rgba(255, 255, 255, 0.2);
	--bg-light-transparent-3: rgba(255, 255, 255, 0.3);
	--bg-light-transparent-4: rgba(255, 255, 255, 0.4);
	--bg-dark-transparent-1: rgba(0, 0, 0, 0.6);
	--bg-dark-transparent-2: rgba(0, 0, 0, 0.7);
	--bg-dark-transparent-3: rgba(0, 0, 0, 0.8);
	--bg-dark-transparent-4: rgba(0, 0, 0, 0.9);
	--bg-footer-color: #1A2030;
	--text-primary-color: #FE53BB;
	--text-secondary-color: #ff8b00;
	--text-success-green: #5bb85d;
	--text-midgray-color: #d2d2d2;
	--text-light-color: #F6F6F6;
	--border-color-1: #FE53BB;
	--border-color-2: #ff8b00;
	--border-color-3: #ffffff;
	--border-color-4: rgba(255, 255, 255, 0.2);
	--border-color-5: rgba(255, 255, 255, 0.3);
	--border-color-6: rgba(255, 255, 255, 0.4);
	--font-size-b1: 28px;
	--font-size-b2: 26px;
	--font-size-b3: 24px;
	--font-size-b4: 22px;
	--font-size-b5: 20px;
	--font-size-b6: 18px;
	--font-size-b7: 16px;
	--font-size-b8: 15px;
	--font-size-b9: 14px;
	--font-size-b10: 13px;
	--font-size-b11: 12px;
	--font-size-b12: 11px;
	--line-height-b1: 1.8;
	--line-height-b2: 1.7;
	--line-height-b3: 1.6;
	--line-height-b4: 1.5;
	--text-light: 300;
	--text-regular: 400;
	--text-medium: 500;
	--text-semi-bold: 600;
	--text-bold: 700;
	--text-extra-bold: 800;
	--text-black: 900;
}
.material-symbols-outlined {
	font-variation-settings:
	'FILL' 0,
	'wght' 400,
	'GRAD' 0,
	'opsz' 24
}
* {
	box-sizing: border-box;
}
html {
	margin: 0;
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
	scroll-behavior: smooth;
}
body, html {
	height: 100%;
}
body {
	background: var(--body-color);
	font-family: var(--body-font);
	font-size: var(--font-size-b8);
	font-weight: var(--text-regular);
	color: var(--text-white);
}
body.vid_bg_area{
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	position:relative;
	/*background-image: none !important;*/
}
p {
	font-size: var(--font-size-b7);
	line-height: var(--line-height-b2);
	font-weight: var(--text-medium);
	color: var(--text-white);
	letter-spacing: 0.3px;
}
a {
	color: var(--text-white);
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
a:hover {
	color: var(--text-primary-color);
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
a:focus {
	text-decoration: none;
}
img {
	max-width: 100%;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bg_transparent {
	background:transparent;
}
.left {
	float: left;
}
.right {
	float: right;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
	display: block;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, menu, ol, ul, table, hr {
	margin: 0;
	margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	word-break: break-word;
	line-height: var(--line-height-b3);
	color: var(--text-white);
}
h1, .h1 {
	font-size: var(--font-size-b1);
	line-height: var(--line-height-b4);
	font-weight: var(--text-bold);
}
h2, .h2 {
	font-size: var(--font-size-b2);
	line-height: var(--line-height-b2);
	font-weight: var(--text-semi-bold);
}
h3, .h3 {
	font-size: var(--font-size-b3);
	line-height: var(--line-height-b3);
	font-weight: var(--text-medium);
}
h4, .h4 {
	font-size: var(--font-size-b4);
	line-height: var(--line-height-b4);
	font-weight: var(--text-medium);
}
h5, .h5 {
	font-size: var(--font-size-b5);
	line-height: var(--line-height-b4);
	font-weight: var(--text-regular);
}
h6, .h6 {
	font-size: var(--font-size-b6);
	line-height: var(--line-height-b4);
	font-weight: var(--text-regular);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
	color: var(--text-white);
}
/* Focus state */
.form-control:focus {
  box-shadow: 0 6px 18px rgba(14,131,227,0.12);
  border-color: rgba(14,131,227,0.6);
}

/* ---------- Autofill styling (Chrome / Edge / Safari / Chromium) ---------- */
/* Standard WebKit autofill */
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active {
  /* Keep the box-shadow method to override browser's background */
  -webkit-box-shadow: 0 0 0px 1000px rgba(14,131,227,0.12) inset !important;
          box-shadow: 0 0 0px 1000px rgba(14,131,227,0.12) inset !important;

  /* text color */
  -webkit-text-fill-color: #ffffff !important;

  /* make sure background-clip doesn't cut off the inner shadow */
  background-clip: padding-box;
  transition: background-color 5000s ease-in-out 0s; /* prevents flash in some browsers */
}

/* Some Chromium builds expose an internal selector; include it if available */
.form-control:-internal-autofill-selected {
  box-shadow: 0 0 0px 1000px rgba(14,131,227,0.12) inset !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ---------- Firefox autofill ---------- */
.form-control:-moz-autofill,
.form-control:-moz-autofill:hover,
.form-control:-moz-autofill:focus,
.form-control:-moz-autofill:active {
  box-shadow: 0 0 0px 1000px rgba(14,131,227,0.12) inset !important;
  -moz-text-fill-color: #ffffff !important;
}

/* Optional: style label/icon when autofilled using JS (fallback) */
/* Add a class via JS on page load if input.value exists to style the wrapper */
.autofilled .form-control {
  box-shadow: 0 6px 18px rgba(14,131,227,0.12);
}

/* Example dark theme placeholder color */
.form-control::placeholder {
  color: rgba(255,255,255,0.5);
}
.text-gray{
	color:var(--text-gray) !important;
}
.btn-check:focus + .btn, .btn:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 .20rem var(--input-focus);
	box-shadow: 0 0 0 .20rem var(--input-focus);
}
.wtv-title-item{
	margin-bottom: 20px;
}
.wtv-title-item h3{
	font-size: var(--font-size-b5);
	font-weight: var(--text-medium);
	line-height: var(--line-height-b4);
	color: var(--text-white);
	margin-bottom:0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cast-crew-block .wtv-title-item h3{
	font-size: var(--font-size-b4);
	font-weight: var(--text-bold);
	color: var(--text-white);
	margin-bottom:0;
	display: flex;
	justify-content: inherit;
	align-items: center;
}
.cast-crew-block .wtv-title-item h3 i{
	padding-left:10px;
	font-size: var(--font-size-b6);
}
.wtv-title-item a.view-all{
	color:var(--text-primary-color);
	font-size: var(--font-size-b7);
}
.wtv-title-item a.view-all i{
	font-size: var(--font-size-b8);
	margin-left:5px;
}
.wtv-title-item a.view-all:hover{
	color: var(--text-white);
}
.wtv-title-item .see-all-link {
	float: right;
}
.wtv-series-about .wtv-title-item h3{
	font-size: var(--font-size-b5);
	font-weight: var(--text-bold);
	justify-content: flex-start;
}
.btn-pd-hl{
	padding:12px 20px;
}
body.login-signup-block {
	width:100%;
    /*display: inline-grid;*/
}
.h-100 {
	height: calc(100% - 0px) !important;
}
.blur-part{
	backdrop-filter: blur(10px);
	filter: blur(10px)
}
#main-wrapper {
    background: var(--bg-black);
}
#loginForm .btn.vfx3 {
    padding: 12px 15px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.h-100 {
    height: 100% !important;
}

/*-----------------------------------------	
	Login Wrapper
-----------------------------------------*/
#login-wrapper {
	background: transparent;
}
.login_box{
	background: transparent;
}
.login-signup-logo{
	max-width: 100%;
	height: 40px;
}
.login_sitelogo .site-logo .des_device {
	max-width: 100%;
	width: 100%;
	height: 32px;
	object-fit: contain;
}
.login_sitelogo{
	position: absolute;
	top: 15px;
	left: 15px;
}
.login_sitelogo img {
	height: 35px;
	width: 100%;
}
.socail-login-item label{
	width:100%;
	display: block;
	text-align: center;
}
.login-item-block a.btn-link, a.btn-link, .login-item-block a.btn-link{
	color: var(--text-yellow);
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	text-decoration:none
}
.login-item-block a.btn-link:hover, a.btn-link:hover, .login-item-block a.btn-link:hover{
	color:var(--text-white);
}
.login-item-block .form-control:not(.form-control-sm), .login-item-block .form-control:not(.form-control-sm){
    padding:.9rem .9rem .9rem 3rem;
    height: inherit;
}
.login-item-block .input-box {
	position: relative;
	width: 100%;
}
.login-item-block .input-box img {
	position: absolute;
	top: 50%;
	left: 12px;
	width:22px;
	transform: translateY(-50%);
	color: rgba(255, 255, 255, 0.6);
	font-size: var(--font-size-b7);
	z-index: 1;
}
.login-item-block .form-control, .login-item-block .custom-select, .login-item-block .form-control, .login-item-block .custom-select{
    font-size: var(--font-size-b7);
	font-weight: var(--text-regular);
	line-height: var(--line-height-b3);
	color: var(--text-white);
}
.wtv-checkbox {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	position: relative;
}
.wtv-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.checkmark {
	width: 22px;
	height: 22px;
	border: 2px solid #667799;
	border-radius: 6px;
	display: inline-block;
	position: relative;
	transition: all 0.3s ease;
	background: transparent;
}
.wtv-checkbox:hover .checkmark {
	border-color: #667799;
	box-shadow: 0 0 6px rgba(255, 221, 0, 0.3);
}
.wtv-checkbox input:checked ~ .checkmark {
	background-color: #1a1f2e;
	border-color: #667799;
}
.checkmark::after {
	content: "";
	position: absolute;
	display: none;
}
.wtv-checkbox input:checked ~ .checkmark::after {
	display: block;
	left: 6px;
	top: 2px;
	width: 6px;
	height: 11px;
	border: solid #ffcc00;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.wtv-checkbox.custom-checkbox {
    position: relative; 
    display: inline-flex; 
    cursor: pointer; 
    align-items: center;
}
.wtv-checkbox .form-check-input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; /* Important: makes the input cover the entire space */
    width: 100%; /* Important: makes the input cover the entire space */
    z-index: 1; /* Ensure the input is above the custom elements to catch clicks */
    margin: 0; /* Remove default margin */
    cursor: pointer; 
}
.custom-control-label {
    z-index: 5; 
    cursor: pointer; 
}
.ic-forgot-item img{
	width:170px;
}
.otp-inputs {
	margin: 0 auto;
	text-align: center;
	display: flex;
	gap: 1rem;
	max-width: fit-content;
}
.otp-inputs input {
	background: var(--bg-transparent-color);
	backdrop-filter: blur(40px);
	width:50px;
	height: 50px;
	text-align: center;
	border-radius: 6px;
	border: 0;
	color: rgba(255, 255, 255, 0.6);
	font-size: var(--font-size-b6);
	font-weight: var(--text-medium);
	z-index: 1;
}
.login-item-block .resend{
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
}
.login-item-block .resend .timer{
	color:#FE53BB;
}
.login-item-block .form-control{
	font-size: var(--font-size-b7);
	font-weight: var(--text-regular);
	line-height: var(--line-height-b3);
	color: var(--text-white);
	background: var(--bg-transparent-color);
	backdrop-filter: blur(40px);
	border:0;
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	border-radius:6px;	
}
.form-group{
	margin-bottom:25px;
}
.login-item-block .form-control:focus, .login-item-block .custom-select:focus, .login-item-block .form-control:focus, .login-item-block .custom-select:focus{
    -webkit-box-shadow: 0 0 0 .20rem var(--input-focus);
    box-shadow: 0 0 0 .20rem var(--input-focus);
}
.login-item-block .form-control:focus{
    color: var(--text-light-color);
    border-color: var(--border-color-1);
    outline: 0;
	-webkit-box-shadow: 0 0 0 .20rem var(--input-focus);
    box-shadow: 0 0 0 .20rem var(--input-focus);
}
.login-item-block input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #b3b3b3;
}
.login-item-block input.form-control::-moz-placeholder { /* Firefox 19+ */
	color: #b3b3b3;
}
.login-item-block input.form-control::-ms-input-placeholder { /* IE 10+ */
	color: #b3b3b3;
}
.login-item-block input.form-control:-moz-placeholder { /* Firefox 18- */
	color: #b3b3b3;
}
.login-item-block .form-group label{
	font-size: var(--font-size-b7);
	font-weight: var(--text-semi-bold);
	margin-bottom: 8px;
}
.register-welcome-item {
    position: fixed;
    height: 100%;
}
.register-item-block {
    position: absolute;
    right: 0;
}
.account-verification {
    position: fixed;
    top: 0;
    left: 0;
	right:0;
    width: auto;
    height: 100%;
	border-radius:10px;
    display: flex;
    justify-content: center;
    align-items: center;
	z-index:1;
}
.congrats-modal {
	width: 380px;
    padding: 30px;
    text-align: center;
    border-radius: 15px;
    background-color: rgba(30, 30, 45, 0.4); 
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px); 
    border: 1px solid rgba(255, 255, 255, 0.1); 
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
}
.congrats-modal .text-content h3{
	font-size: var(--font-size-b3);
	font-weight: var(--text-semi-bold);
}
.my-list-empty-item {
	width: 250px;
    text-align: center;
}
.my-list-empty-item img{
	max-width:180px;
}
.my-list-empty-item h3{
	font-size: var(--font-size-b3);
	font-weight: var(--text-extra-bold);
	color:var(--text-gray)
}
.my-list-empty-item p{
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	color:var(--text-gray);
	margin-bottom:0;
}
.icon-container {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    position: relative;
}
.icon-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #00AE5B; 
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 15px rgba(0, 230, 118, 0.6); 
    position: relative;
    overflow: hidden;
}
.icon-circle i {
    font-size: 60px;
    color: var(--text-white);
}
.account-verification .cta-btn {
    width: 70%;
    padding: 18px 30px;
    border: none;
    border-radius: 8px;
    font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
    cursor: pointer;
	display: block;
	margin:25px auto;
    background-color: #FE53BB;
	text-transform: uppercase;
    color: var(--text-white);
    box-shadow: 0 4px 15px rgba(255, 105, 180, 0.4);
    transition: transform 0.2s, box-shadow 0.2s;
}
.account-verification .cta-btn:hover {
    /*transform: translateY(-2px);*/
    box-shadow: 0 2px 20px rgba(255, 105, 180, 0.6);
}

.socail-login-item {
    display: block;
    text-align: center;
	margin: 0 auto;
	position: relative;
	left: 0;
	right: 0;
}
.socail-login-item .btn-google-login {
    background: rgba(190, 190, 190, 0.2);
    font-weight: var(--text-medium);
    font-size: var(--font-size-b7);
    border-radius: 6px;
    line-height: 36px;
    border: none;
    color: var(--text-white);
    display: block;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
    margin-top: 10px;
    padding: 6px 15px;
	width: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.socail-login-item .btn-google-login img{
	width:20px;
	height:20px;
	margin-right:8px;
	vertical-align: text-top;
}
.socail-login-item .btn-google-login i, .socail-login-item .btn-facebook-item i{
    font-size: var(--font-size-b6);    
	margin-right:6px;
	display:inline-block
}
.socail-login-item .btn-facebook-item {
    background: #3a559f;
    font-weight: var(--text-semi-bold);
    font-size: var(--font-size-b7);
    border-radius: 6px;
    line-height: 36px;
    border: none;
    color: var(--text-white);
    display: block;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
    margin: 5px 8px;
    padding: 5px 22px;
	width: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.socail-login-item .btn-google-login:hover, .socail-login-item .btn-facebook-item:hover {
    background: var(--bg-white);
    color: var(--bg-black);
}
.wtv-btn-item {
	position: relative;
	display: inline-block;
	padding: 12px 30px;
	color: var(--text-white);
	font-size: var(--font-size-b6);
	font-weight: var(--text-semi-bold);
	border-radius: 15px;
	border: 0;
	width: 80%;
	text-align:center;
	background: linear-gradient(120deg, rgba(254, 83, 187, 0.4) 0%, rgba(14, 131, 227, 0.4) 100%);
	box-shadow: 0 0 20px rgba(254, 83, 187, 0.6), 0 0 40px rgba(14, 131, 227, 0.4);
	backdrop-filter: blur(40px);
	z-index: 1;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.wtv-btn-item::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 3px; /* border thickness */
	border-radius: 15px;
	background: linear-gradient(to right, #FE53BB, #0E83E3);
	-webkit-mask: 
	linear-gradient(#fff 0 0) content-box, 
	linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.wtv-btn-item:hover{
	color: var(--text-white);
	background: linear-gradient(120deg, rgba(14, 131, 227, 0.3) 0%, rgba(254, 83, 187, 0.3) 100%);
	box-shadow: 0 0 20px rgba(254, 83, 187, 0.3), 0 0 40px rgba(14, 131, 227, 0.2);	
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
h2.form-title-item {
    font-size: var(--font-size-b3);
    font-weight: var(--text-bold);
	padding-bottom:10px;
    position: relative;
}
.login-item-block h5{
	color:#667799;
	font-size: var(--font-size-b6);
	font-weight: var(--text-medium);
}
.login-item-block p {
    font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	color:var(--text-white);
}
.login-item-block .text-3{
	color:#667799;
	font-size: var(--font-size-b6);
	font-weight: var(--text-semi-bold);
}
.agree-policy-item a{
	color:#FE53BB
}
.agree-policy-item a:hover{
	color:#ffffff;
}

/*-----------------------------------------	
	Navigation Menu
-----------------------------------------*/
.site-info, .site-info a {
	color: var(--text-white);
	padding-right: 15px;
	font-weight: var(--text-regular);
	text-transform: capitalize;
}
.header-section.pin-style.pin {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(30px);
	border: 1px solid rgba(255, 255, 255, 0.15);
	box-shadow: 0 2px 15px 0 rgba(255, 255, 255, 0.2);
}  
.site-info div {
	display: inline-block;
}
.user-info div {
	display: inline-block;
}
.login-user{
	margin:0 10px;
}
.login-user a:hover, .nav_menu_list .user-name span:hover{
	color:var(--text-white)
}
.login-user .user-pic{
    width: 34px;
	height:34px;
	position: relative;
    display: inline-block;
    cursor: pointer;
}
.login-user .my-li{
	font-size: var(--font-size-b6);
	font-weight: var(--text-regular);
	margin-right:12px;
	vertical-align:middle;
}
.login-user .my-li img{
	width:20px;
	height: auto;
	border-radius: 0;
	vertical-align: sub;
	display:none;
}
.login-user img{
    border-radius:50px;
	width: 100%;
	height: 100%;
}
.user-menu {
    position: relative;
    display: flex;
	align-items: center;
    /*cursor: pointer;*/
}
.user-menu .user-name {
    cursor: pointer;
    padding-left: 0px;
	margin-top: 0px;
}
.user-name span img {
    width: 36px;
	height:36px;
    display: inline-block;
    border-radius: 50%;
	box-sizing: content-box;
    image-rendering: -webkit-optimize-contrast;
}
.user-menu ul {
	float: left;
	text-align: left;
	position: absolute;
	top: 39px;
	right: 0;
	list-style: none;
	background: var(--bg-dark-transparent-4);
	backdrop-filter: blur(5px);
	width:100%;
	min-width: 215px;
	/*gap: 0.15rem;*/
	gap: 0;
	flex-wrap: wrap;
	display: inline-grid;
	transform: translate3d(0, 15px, 0);
	padding: 5px;
	border: 1px solid var(--bg-light-transparent-2);
	border-radius: 10px;
	box-sizing: border-box;
	transition: .25s;
	visibility: hidden;
	opacity: 0;
	z-index: 110;
}
/*.user-menu ul::before {
    position: absolute;
	top: -13px;
	left: auto;
	bottom: auto;
	right: 0px;
	content: '';
	display: block;
	visibility: visible;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid var(--bg-dark-transparent-1);
	transform: translate(-50%, 0);
	transition: all 0.5s ease;
}*/
.user-menu ul li a {
	font-size: var(--font-size-b8);
	font-weight: var(--text-medium);
    line-height: var(--line-height-b3);
	padding: 7px 10px;
    width: 100%;
    display: inline-block;
    color: var(--text-white);
	border-radius: 10px;
	text-transform:capitalize;
	display: flex;
	align-items: center;
	justify-content: flex-start;
    transition: all 0.5s ease;
}
.user-menu ul li a img{
	width: 20px;
	border-radius: 0;
}
.user-menu ul li a i {
	font-size: var(--font-size-b10);
    margin-right: 5px;
	width: 20px;
	text-align: center;
}
.user-menu ul li a:hover, .user-menu ul li a.active{
	background: var(--bg-light-transparent-2);
	border-radius: 7px;
}
/*.user-menu:hover > .content-user{
	opacity: 1 !important;
	visibility: visible !important;
}*/
.content-user.show {
	opacity: 1;
	visibility: visible;
}
.user-menu ul.content-user li{
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.user-menu ul.content-user li:last-child{
	border-bottom: 0;
}
.user-menu ul.content-user li a.btn-subscribe{
	padding: 3px 10px;
	border-radius: 4px;
	background: transparent;
	color: var(--text-primary-color);
	font-size: var(--font-size-b8);
	font-weight: var(--text-bold);
	margin-top: 10px;
	display: inline-block;
	border: 1px solid var(--border-color-1);
	text-align: center;	
}
.user-menu ul.content-user li a.btn-subscribe:hover{
	background: var(--color-primary);
	color: var(--text-white);
	border: 1px solid var(--border-color-1);
}
.server-time {
	font-weight: var(--text-regular);
	text-transform: capitalize;
}
.mega-menu > ul > li > ul > li > a {
	text-transform: capitalize;
}
ul.nav > li.active > a {
	opacity: 1;
}
ul.nav > li a.active, ul.nav > li:hover > a {
	color: var(--text-primary-color);
	opacity: 1;
}
ul.nav > li a.active::after, ul.nav > li:hover > a::after {
	background: var(--text-primary-color);
	border: 0 none;
	content: "";
	height: 3px;
	left: 0;
	margin: 0;
	position: absolute;
	bottom: -3px;
	width: 100%;
	border-radius: 6px;
}
.mega-list li a i {
	padding-right: 0px;
}
.main-menu .vfx-item-nav > li > a {
	display: inline-block;
	padding: 8px 12px;
	font-size: var(--font-size-b6);
	font-weight: var(--text-regular);
}
.main-menu .vfx-item-nav > li > a i.arrow{
	font-size: var(--font-size-b8);
}
.header-section ul li:hover i.arrow {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.modal-title {
	color: var(--text-white);
	display: inline-block;
	font-size: var(--font-size-b6);
	font-weight: var(--text-semi-bold);
}
.right-sub-item-area{
	display:flex;
	padding:15px 0;
	text-align: right;
	right: 0;
	position: absolute;
	justify-content:end;
	gap: 0.5rem;
	flex-wrap: wrap;
}
.small-search-btn{
	float: right;
	border-radius: 50%;
	display:flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition:0.4s;
}
.small-search-btn img{
	width:22px;
	top: 0;
}
.small-search-txt{
	border:none;
	background:none;
	outline:none;
	float:left;
	padding:0;
	color: var(--text-white);
	font-size: var(--font-size-b9);
	transition: 0.4s;
	line-height: 36px;
	width: 0px;
}
.nav_menu_list .user-name span.nav_title{
	font-size: var(--font-size-b8);
	font-weight: var(--text-bold);
	line-height:38px;
	width:70px;
	text-align:center;
}
.nav_menu_list .user-name span.nav_title svg{
	margin-left:5px;
}
.nav_menu_list .user-name span img{
	width: 36px;
	opacity: 1;
	left: 0;
	position: relative;
}
.login-user ul li a ion-icon{
	font-size: var(--font-size-b6);
	margin-right: 8px;
	vertical-align: sub;
}
/* Language Dropdown */
.language-dropdown .nice-select{
	background: transparent;
	border: 0;
	max-height:40px;
	padding-left: 10px;
	padding-right: 20px;
	font-size: var(--font-size-b6);
	font-weight: var(--text-regular);
}
.language-dropdown .nice-select::after {
	width: 9px;
	height: 9px;
	margin-top: -6px;
	right: 3px;
	border-bottom: 2px solid var(--border-color-3);
	border-right: 2px solid var(--border-color-3);
}  
.language-dropdown .nice-select.open .list{
	background:var(--bg-dark-transparent-4);
	backdrop-filter: blur(40px);
	padding: 5px;
	top: 53px;
	right: -10px;
	left: auto;
	border: 1px solid var(--bg-light-transparent-2);
	border-radius: 10px;
	overflow: visible;
}
/*.language-dropdown .nice-select.open .list::before {
    position: absolute;
	top: -12px;
	left: auto;
	bottom: auto;
	right: 0px;
	content: '';
	display: block;
	visibility: visible;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid var(--bg-dark-transparent-1);
	transform: translate(-50%, 0);
	transition: all 0.5s ease;
}*/
.language-dropdown .nice-select .option {
	font-size: var(--font-size-b8);
	font-weight: var(--text-regular);
	line-height: 34px;
	min-height: auto;
	border-bottom:1px solid rgba(255, 255, 255, 0.12);
	padding-left: 15px;
	padding-right: 25px;
	border-radius: 6px;
}
.language-dropdown .nice-select .option:last-child{
	border-bottom:0;
}
.language-dropdown .nice-select .option:hover, .language-dropdown .nice-select .option.focus, .language-dropdown .nice-select .option.selected.focus {
	background-color: var(--bg-light-transparent-2);
	/*color:var(--text-primary-color);*/
}
.language-dropdown .nice-select.language-select::before{
	content: attr(data-flag);
	display: inline-block;
	/*font-size: 22px;*/
	font-size: var(--font-size-b8);
	line-height: 1;
	margin-right: 5px;
	display:none;
	vertical-align: middle;
}
.language-dropdown .nice-select.language-select .current {
	padding-left: 0;
}
.language-dropdown .nice-select .list .option::before{
	content: attr(data-flag);
	display: inline-block;
	margin-right: 8px;
	/*font-size: 22px;*/
	font-size: var(--font-size-b8);
	line-height: 1;
	display:none;
	vertical-align: middle;
}
.subscribe-btn-item a {
	position: relative;
	display: inline-block;
	padding: 10px 30px;
	min-width: 170px;
	text-align: center;
	color: var(--text-yellow);
	font-size: var(--font-size-b8);
	font-weight: var(--text-medium);
	border-radius: 10px;
	background: linear-gradient(120deg, rgba(254, 83, 187, 0.4) 0%, rgba(14, 131, 227, 0.4) 100%);
	box-shadow: 0 0 20px rgba(254, 83, 187, 0.6), 0 0 40px rgba(14, 131, 227, 0.4);
	backdrop-filter: blur(40px);
	z-index: 1;
}
.subscribe-btn-item a::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 3px; /* border thickness */
	border-radius: 10px;
	background: linear-gradient(to right, #FE53BB, #0E83E3);
	-webkit-mask: 
	linear-gradient(#fff 0 0) content-box, 
	linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
}
.subscribe-btn-item a:hover{
	background: linear-gradient(120deg, rgba(14, 131, 227, 0.3) 0%, rgba(254, 83, 187, 0.3) 100%);
	box-shadow: 0 0 20px rgba(254, 83, 187, 0.3), 0 0 40px rgba(14, 131, 227, 0.2);	
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.subscribe-btn-item a img{
	width: 20px;
	margin-right: 7px;
	vertical-align: text-top;
}
.navbar-toggle {
	background: transparent;
}
.main-nav .fa.fa-bars {
	color: #e5e5e5;
}

/*-----------------------------------------	
	Splide Slider
-----------------------------------------*/
.splide-slider-details-area {
	position: absolute;
	bottom: 70px;
	left: 20px;
	right:20px;
	z-index: 5;
}
.splide__slide .sl-poster-item{
	width:100%;
	height:100%;
}
.splide__slide .sl-poster-item img.sl-bs-poster{
	aspect-ratio: 16 / 8;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slider-sl-detail-item{
	text-align:center;
}
.slider-sl-detail-item .movie-title a{
	position:relative;
}
.slider-sl-detail-item .movie-title a:hover{
	color:var(--text-white)
}
.slider-sl-detail-item .movie-title a::after{
	background: #38678E;
	border: 0px;
	content: "";
	height: 22px;
	left: -12px;
	margin: 0px;
	position: absolute;
	bottom: 4px;
	width: 4px;
	border-radius: 6px;
}
.video-player-base .splide__slide::after {
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -1px;
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
    -webkit-transform-origin: left 0 0;
    transform-origin: left 0 0;
	z-index:1;
}
.movie-meta, .movie-info {
	padding: 0;
	margin: 0;
}
.movie-meta li, .movie-info li {
	font-size: var(--font-size-b6);
	font-weight: var(--text-regular);
	position: relative;
	padding-right: 20px;
}
.movie-meta li:last-child, .movie-info li:last-child {
	padding-right: 0px;
}
.movie-meta li:not(:last-child)::after, .movie-info li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2px;
	width: 7px;
	height: 7px;
	background: #FE53BB;
	border-radius: 50%;
	transform: translateY(-50%);
}
.movie-info .list-inline-item img{
	width:16px;
	vertical-align: sub;
}
.movie-rating .list-inline-item img{
	width:22px;
	vertical-align: sub;
	top: -2px;
    position: relative;
}
.sl-wtv-button-item {
	gap: 0.7rem;
	flex-wrap: wrap;
	margin-bottom:15px;
	display: flex;
	align-items: center;
    justify-content: center;
}
.sl-wtv-button-item .btn-watch-now{
	background: linear-gradient(120deg, #FE53BB 0%, #0E83E3 100%);
	backdrop-filter: blur(40px);
	border-radius: 12px;
	color: var(--text-white);
	display: inline-flex;
	align-self: center;
	align-items: center;
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	padding: 12px 60px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.sl-wtv-button-item .btn-watch-now::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: 10px;
	background: linear-gradient(to right, #0E83E3, #FE53BB);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite: add, add;
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
}
.sl-wtv-button-item .btn-watch-now img, .sl-wtv-button-item .btn-my-list img{
	vertical-align: sub;
	width: 26px;
}
.video-player-base .sl-wtv-button-item .btn-my-list img{
	width: 20px;
}
.video-player-base .sl-wtv-button-item .btn-my-list {
	border: 2px solid var(--border-color-3);
}  
.video-player-base .sl-wtv-button-item .btn-my-list:hover {
	border: 2px solid var(--bg-light-transparent-4);
}  
.video-player-base .sl-wtv-button-item .btn-watch-now {
	position: relative;
	display: inline-flex;
	padding: 14px 90px;
	color: var(--text-white);
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	border-radius: 10px;
	border: 0;
	text-align:center;
	background: linear-gradient(120deg, rgba(254, 83, 187, 0.4) 0%, rgba(14, 131, 227, 0.4) 100%);
	box-shadow: 0 0 20px rgba(254, 83, 187, 0.6), 0 0 40px rgba(14, 131, 227, 0.4);
	backdrop-filter: blur(40px);
	z-index: 1;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.video-player-base .sl-wtv-button-item .btn-watch-now::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 3px; /* border thickness */
	border-radius: 10px;
	background: linear-gradient(to right, #FE53BB, #0E83E3);
	-webkit-mask: 
	linear-gradient(#fff 0 0) content-box, 
	linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.video-player-base .sl-wtv-button-item .btn-watch-now:hover{
	color: var(--text-white);
	background: linear-gradient(120deg, rgba(14, 131, 227, 0.3) 0%, rgba(254, 83, 187, 0.3) 100%);
	box-shadow: 0 0 20px rgba(254, 83, 187, 0.3), 0 0 40px rgba(14, 131, 227, 0.2);	
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.video-player-base .series-sl-detail {
	max-width: 70%;
	margin: 0 auto;
}
.video-player-base .series-sl-detail p{
	font-size: var(--font-size-b7);
	font-weight: var(--text-regular);
	text-align: left;
}
.video-player-base .series-sl-detail ul{
	gap: 0.5rem;
	flex-wrap: wrap;
	display: flex;
	margin-top: 15px;
}
.video-player-base .series-sl-detail ul li{
	display: flex;
	align-self: center;
	align-items: center;
}
.video-player-base .series-sl-detail ul li img{
	width: 100%;
	height: 22px;
	object-fit: cover;
}
.video-player-base .series-sl-detail ul li img.icon-dolby{
	width: 100%;
	height: 17px;
}
.sl-wtv-button-item .btn-watch-now:hover{
	background: var(--bg-light-transparent-2);
	backdrop-filter: blur(40px);
	/*transform: translateY(-2px);*/
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.sl-wtv-button-item .btn-watch-now i, .sl-wtv-button-item .btn-my-list i{
	margin-right:7px;
}
.sl-wtv-button-item .btn-my-list{
	background: transparent;
	border-radius: 10px;
	color: var(--text-white);
	border: 1px solid var(--border-color-3);
	display: inline-flex;
	align-self: center;
	align-items: center;
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	padding: 12px 25px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.sl-wtv-button-item .btn-my-list:hover{
	background: var(--bg-light-transparent-3);
	backdrop-filter: blur(40px);
	/*transform: translateY(-2px);*/
	border: 1px solid var(--bg-light-transparent-4);
}
.splide, .splide__slide {
    position: relative;
    outline: none;
	padding:0;
}
.splide--draggable > .splide__track > .splide__list > .splide__slide{
	overflow:hidden;
}
.splide .splide__slide::after {
	content: "";
    width: 100%;
    height: 89%;
    position: absolute;
    bottom: -1px;
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
    -webkit-transform-origin: left 0 0;
    transform-origin: left 0 0;
	z-index:1;
}
.splide--draggable > .splide__track > .splide__list > .splide__slide {
	opacity: 1;
	width:100%;
}
.splide--draggable > .splide__track > .splide__list > .splide__slide.is-active{
	opacity:1
}
.splide__arrows{
	display:none;
}
.splide__pagination__page.is-active{
	background: #FE53BB;
}

/*-----------------------------------------	
	Banner Ads Item
-----------------------------------------*/
.ad-section {
    background: #0a0a15;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.ad-logo img {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ad-video {
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    position: relative;
}
.ad-controls {
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: flex;
    gap: 10px;
}
.ad-control-btn {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: background 0.3s;
    backdrop-filter: blur(10px);
}
.ad-info {
    padding: 18px 30px;
    background: rgba(15, 15, 30, 0.9);
}
.ad-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
}
.ad-description {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 12px;
    line-height: 1.4;
}
/* .watch-ad-btn {
    width: 100%;
    padding: 11px;
    background: transparent;
    border: 2px solid rgba(139, 92, 246, 0.5);
    border-radius: 7px;
    color: #fff;
    font-size: var(--font-size-b7);
	font-weight: var(--text-semi-bold);
    cursor: pointer;
    transition: all 0.3s;
}
.watch-ad-btn:hover {
    background: rgba(139, 92, 246, 0.2);
    border-color: rgba(139, 92, 246, 0.8);
} */

.watch-ad-btn {
	position: relative;
	display: inline-block;
	padding: 12px 30px;
	color: var(--text-white);
	font-size: var(--font-size-b6);
	font-weight: var(--text-semi-bold);
	border-radius: 10px;
	border: 0;
	width: 90%;
	text-align:center;
	background: linear-gradient(120deg, rgba(254, 83, 187, 0.4) 0%, rgba(14, 131, 227, 0.4) 100%);
	box-shadow: 0 0 20px rgba(254, 83, 187, 0.6), 0 0 40px rgba(14, 131, 227, 0.4);
	backdrop-filter: blur(40px);
	z-index: 1;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.watch-ad-btn::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 2px; /* border thickness */
	border-radius: 10px;
	background: linear-gradient(to right, #FE53BB, #0E83E3);
	-webkit-mask: 
	linear-gradient(#fff 0 0) content-box, 
	linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.watch-ad-btn:hover{
	color: var(--text-white);
	background: linear-gradient(120deg, rgba(14, 131, 227, 0.3) 0%, rgba(254, 83, 187, 0.3) 100%);
	box-shadow: 0 0 20px rgba(254, 83, 187, 0.3), 0 0 40px rgba(14, 131, 227, 0.2);	
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*-----------------------------------------	
	Start Video Carousel
-----------------------------------------*/
.video-title {
	font-size: var(--font-size-b8);
	color: var(--text-white);
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
	line-height: 1.1;
	font-weight: var(--text-semi-bold);
}
.video-title:hover {
	color: #f44336;
}
.video-feedback {
	overflow: hidden;
}
.wtv-single-video-item .video-feedback {
	float: right;
}
.wtv-movie-card-box > a > img {
	max-width: 100%;
	width: 100%;
	height: 280px;
	object-fit: cover;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.wtv-movie-card-box > a:hover img {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transform: scale(1.1) rotate(0deg);
	transform: scale(1.1) rotate(0deg);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.wtv-premium-label{
	background: var(--bg-dark-transparent-1);
	backdrop-filter: blur(5px);
	color:var(--text-primary-color);
	position: absolute;
	z-index: 1;
	right: 5px;
	top: 5px;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	border-radius: 40px;
}
.wtv-premium-label i{
	font-size:var(--font-size-b10);	
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.wtv-video-grid .wtv-movie-card-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 3 / 4.4;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: opacity 400ms ease 0ms;
}
.wtv-video-carousel{
	overflow: hidden;
}
.episodes-container .no_episodes{
	font-size: 20px;
	font-weight: 600;
	text-align:center;
	padding:15px 10px;
}
.tv-season-related-block .wtv-title-item h3{
	border-bottom:1px solid var(--border-color-5);
	padding-bottom:10px;
}
.tv-season-related-block .wtv-single-video-item{
	margin-bottom:15px;
}
.wtv-single-video-item .season-title-item{
	padding:5px 0px 0 5px;
}
.tv-season-related-block .wtv-single-video-item .wtv-movie-card-box img{
	width:100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 16 / 9;
}
.tv-shows-episode-card {
	display: none; /* Hide all episodes by default */
}
.eps-seasons-1 {
	display: block; /* Show first season episodes by default */
}
.wtv-single-video-item .season-title-item h3 {
	font-size: var(--font-size-b8);
	font-weight: var(--text-medium);
	color: var(--text-white);
	margin-bottom: 0px;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.wtv-single-video-item:hover .season-title-item h3{
	color: var(--text-primary-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.wtv-single-video-item .season-title-item span{
	font-size: var(--font-size-b10);
	font-weight: var(--text-medium);
	color: var(--text-midgray-color);
}
.wtv-movie-card-box {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	/*box-shadow: 0 2px 10px rgba(255, 255, 255, 0.1);*/
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-transform: initial !important;
	-moz-transform: initial !important;
	-ms-transform: initial !important;
}
.wtv-single-video-item .wtv-movie-card-box img{
	-webkit-transition: transform .6s ease !important;
	transition: transform .6s ease !important;
}
.wtv-single-video-item a:hover .wtv-movie-card-box img{
	/*transform: scale(1.2);
	-webkit-transform: scale(1.2);*/
	-webkit-transition: transform .6s ease;
	transition: transform .6s ease;
}
.all-video-area .wtv-movie-card-box img{
	width:100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	aspect-ratio: 3 / 4;
	-webkit-transition: transform .8s ease;
	transition: transform .8s ease;
}
.video-poster-block {
	position: relative;
	overflow: hidden;
	margin-top: 70px;
	border-radius: 12px;
}
.wtv-single-video-item .watchlist-item {
    position: absolute;
    z-index: 3;
    right: 10px;
    top: 10px;
}
.wtv-single-video-item .watchlist-item a {
    background: var(--color-primary);
	font-size: var(--font-size-b10);
	font-weight: var(--text-medium);
	line-height: var(--line-height-b3);
	color: var(--text-white);
	padding: 2px 7px;
	border-radius: 4px;
	display: block;
}
.wtv-single-video-item:hover .watchlist-item a {
    background: var(--bg-dark-transparent-4);
	color: var(--text-primary-color);	
}
.wtv-single-video-item .watchlist-item a i{
    margin-right:5px;
	font-size:10px;
}
.wtv-recently-item-area .wtv-single-video-item a:hover .wtv-movie-card-box img{
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-webkit-transition: transform .6s ease;
	transition: transform .6s ease;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	display: block;
	overflow:inherit;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.wtv-single-video-item .wtv-movie-card-box {
	position: relative;
	/*transform: rotate(2deg);*/
}
.wtv-video-grid .wtv-single-video-item .wtv-movie-card-box{
	/* transform: skewX(-3deg); */
}
/*.wtv-single-video-item > *:nth-child(odd) .wtv-movie-card-box {
    clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 0% 100%);
}
.wtv-single-video-item > *:nth-child(even) .wtv-movie-card-box {
    clip-path: polygon(6% 0%, 100% 0%, 100% 100%, 0% 100%);
}*/
/* Target the odd items */
.wtv-video-carousel .owl-item:nth-child(odd) .wtv-movie-card-box img {
    /* clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 0% 100%); */
	overflow: hidden;
}
/* Target the even items */
.wtv-video-carousel .owl-item:nth-child(even) .wtv-movie-card-box img {
    /* clip-path: polygon(6% 0%, 100% 0%, 100% 100%, 0% 100%); */
	overflow: hidden;
}
.wtv-recently-watched-carousel .owl-stage-outer .owl-stage, 
.wtv-video-carousel .owl-stage-outer .owl-stage, 
.wtv-tvshows-carousel .owl-stage-outer .owl-stage,
.wtv-star-cast-carousel .owl-stage-outer .owl-stage{
	padding-left: 0 !important;
}
.video-content >h4 {
	max-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;	
}
.wtv-video-carousel .wtv-single-video-item .wtv-movie-card-box img{
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 3 / 4.3;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: opacity 400ms ease 0ms;
}
.wtv-tvshows-carousel .wtv-single-video-item .wtv-movie-card-box img{
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 16 / 9;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: opacity 400ms ease 0ms;
}
.wtv-video-carousel .wtv-single-video-item .wtv-movie-card-box .wtv-premium-label img, .wtv-tvshows-carousel .wtv-single-video-item .wtv-movie-card-box .wtv-premium-label img{
	width: 30px;
	height: 30px;
}
.video-item-carousel-area .wtv-single-video-item .video-content, .vid-livetv-sport-area .wtv-single-video-item .video-content{
	margin-top:10px;
}
.video-item-carousel-area .wtv-single-video-item .video-content h4, .vid-livetv-sport-area .wtv-single-video-item .video-content h4{
	margin-bottom:12px;
}
.wtv-star-cast-carousel .wtv-cast-box .cast-pic-item{
	position:relative;
}
.wtv-star-cast-carousel .wtv-cast-box .cast-pic-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	aspect-ratio: 4 / 4.1;
	border-radius: 150px;
}
.wtv-star-cast-carousel .wtv-cast-box .cast-pic-item::after {
	content: "";
	width: 100%;
	height: 60%;
	position: absolute;
	bottom: 0px;
	border-radius:0 0 250px 250px;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
	background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
	background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
	-webkit-transform-origin: left 0 0;
	transform-origin: left 0 0;
	z-index: 1;
}
.wtv-star-cast-carousel .wtv-cast-box h5 {
	font-size: var(--font-size-b7);
	font-weight: var(--text-semi-bold);
	text-align: center;
	margin-top: 10px;
	margin-bottom:2px;
	color: var(--text-white);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.wtv-star-cast-carousel .wtv-cast-box:hover h5 {
	color:var(--color-primary);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.wtv-star-cast-carousel .wtv-cast-box .cast-sub {
	font-size: var(--font-size-b8);
	font-weight: var(--text-medium);
	text-align: center;
	color: #C1C1C1;
}
.watch-premium-box{
	background: var(--bg-dark-transparent-1);
	border: 3px solid var(--border-color-4);
	border-radius:10px;
	text-align:center;
	padding:30px 50px;
}
.wtv-select-filter .nice-select {
	-webkit-tap-highlight-color: transparent;
	background: transparent;
	border:1px solid var(--border-color-3);
	border-radius: 6px;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-size: var(--font-size-b8);
	font-weight: var(--text-medium);
	height: 36px;
	line-height: 32px;
	outline: none;
	color: var(--text-white);
	padding-left: 15px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.wtv-select-filter .nice-select::after {
    border-bottom: 2px solid var(--border-color-3);
    border-right: 2px solid var(--border-color-3);
    content: '';
    display: block;
    height: 9px;
    margin-top: -6px;
    width: 9px;
}
.wtv-select-filter .nice-select .option {
	font-size: var(--font-size-b8);
	font-weight: var(--text-medium);
	line-height: var(--line-height-b1);
	list-style: none;
	min-height: 32px;
	cursor: pointer;
	outline: none;
	padding-left: 12px;
	padding-right: 20px;
	text-align: left;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	color: #f9f9f9;
}
.wtv-select-filter .nice-select .option:hover, .wtv-select-filter .nice-select .option.focus, .wtv-select-filter .nice-select .option.selected.focus {
    background: var(--color-primary);	
}
.wtv-select-filter .nice-select .option.selected{
	color:#424242;
}
.wtv-select-filter .nice-select .option:hover {
	color: var(--text-white);
}
.wtv-select-filter .nice-select .option.selected, .wtv-select-filter .nice-select .option:hover {
	color: var(--text-white);
}
.pagination {
	background: transparent;
	border: 0px solid var(--border-color-4);
	backdrop-filter: blur(5px);
    padding-top: 0;
    padding-bottom: 0;
    margin: 20px auto;
    text-align: center;
    width: 100%;
	display:block;
	border-radius:0px;
}
.pagination .nav-links ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
	gap: 0.4rem;
	flex-wrap: wrap;
	display: inline-flex;
}
.nav-links .page-numbers.active, .nav-links .page-numbers:hover {
	background: var(--color-primary);
    color: var(--text-white);    
	border:1px solid var(--border-color-1);
}
.nav-links .current-page, .nav-links .page-numbers {
    background: transparent;
    font-size: var(--font-size-b7);
    font-weight: var(--text-medium);
    color: var(--text-white);
    display: inline-block;
	width:38px;
    height: 38px;
    line-height: 36px;
    border-radius: 50px;
	border:1px solid var(--border-color-4);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.owl-dots{
	display:none;
}
/*.owl-nav {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	left: auto;
	align-items: center;
	display: flex;
}*/
.owl-nav > button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.owl-carousel .item {
	position: relative;
	z-index: 100; 
	-webkit-backface-visibility: hidden; 
}
.owl-prev, .owl-next{
	background: transparent;
	width: 30px;
	height: 50px;
	position: absolute;
	text-align: center;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.owl-carousel .owl-nav .owl-prev .nav-arrow-prev::after {
	content: "";
	width: 0;
	height: 104%;
	position: absolute;
	left: -12px;
	bottom: 0;
	backdrop-filter: blur(1px);
	background: -webkit-linear-gradient(left, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
	background: -o-linear-gradient(left, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
	background: -moz-linear-gradient(left, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
	background: linear-gradient(to left, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
	background: linear-gradient(to left, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
	-webkit-transform-origin: left 0 0;
	transform-origin: left 0 0;
	z-index: 1;
}
.owl-carousel:hover .owl-nav .owl-prev .nav-arrow-prev::after {
	width: 120px;
	left: -1rem;
}
.owl-carousel .owl-nav .owl-next .nav-arrow-next::before {
	content: "";
	width: 0;
	height: 104%;
	position: absolute;
	right: -12px;
	bottom: 0;
	backdrop-filter: blur(1px);
	background: -webkit-linear-gradient(right, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
	background: -o-linear-gradient(right, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
	background: -moz-linear-gradient(right, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
	background: linear-gradient(to right, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
	background: linear-gradient(to right, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
	-webkit-transform-origin: right 0 0;
	transform-origin: right 0 0;
	z-index: 1;
}
.owl-carousel:hover .owl-nav .owl-next .nav-arrow-next::before {
	width: 90px;
	right:-1rem;
}
.disabled{
	display: none;
}
.owl-carousel .owl-nav .owl-prev {
	left: -5rem;
	height: 100%;
}
.owl-carousel .owl-nav .owl-next {
	right: -3rem;
	height: 100%;
}
.owl-carousel:hover .owl-nav .owl-next {
	right: -0.5rem;
	z-index: 3;
}
.owl-carousel:hover .owl-nav .owl-prev {
	left: -0.5rem;
	z-index: 3;
}
.wtv-video-carousel.owl-carousel:hover .owl-nav .owl-next {
	right: -0.5rem;
	z-index: 3;
}
.wtv-video-carousel.owl-carousel:hover .owl-nav .owl-prev {
	left: -0.5rem;
	z-index: 3;
}
.tv-shows-episode-card .wtv-tvshows-carousel.owl-carousel:hover .owl-nav .owl-next {
	right: 0.5rem;
	z-index: 3;
}
.tv-shows-episode-card .wtv-tvshows-carousel.owl-carousel:hover .owl-nav .owl-prev {
	left: 0.5rem;
	z-index: 3;
}
.owl-prev:hover, .owl-next:hover {
	color:var(--text-white);
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.owl-prev i, .owl-next i{
	color:var(--text-primary-color);
	font-size: var(--font-size-b3);
	line-height: var(--line-height-b2);
	position: relative;
	z-index: 3;
}
.owl-prev:hover i, .owl-next:hover i{
	color:var(--text-white);
	position: relative;
}
.wtv-single-video-item .wtv-movie-card-box a{
	position: relative;
	display: block;
}
.owl-carousel .owl-item img {
	-webkit-transform-style: initial;
	transform-style: initial;
}
.wtv-recently-item-area .wtv-single-video-item .wtv-movie-card-box img{
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 3 / 4.3;
	-webkit-transition: transform .6s ease;
	transition: transform .6s ease;
}
.wtv-recently-watched-carousel .wtv-premium-label img{
	min-height:auto;
}
.wtv-recently-item-area .wtv-single-video-item:hover .wtv-movie-card-box:after {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}
.wtv-recently-watched-carousel .wtv-single-video-item{
	position: relative;
}
.wtv-dropdown-opt {
    position: absolute;
    display: inline-block;
	z-index: 9;
	top: 5px;
	right: 5px;
}
.wtv-dots-btn {
    background: var(--bg-dark-transparent-1);
	color: var(--color-primary);
    font-size: 16px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	cursor: pointer;
	border: none;
	padding:0;
	border-radius: 20px;
}
.wtv-dots-btn:hover{
	background: var(--bg-white);
}
.dropdown-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
	padding:0;
	background: var(--bg-dark-transparent-3);
	border:1px solid var(--border-color-4);
    backdrop-filter: blur(5px);
    border-radius: 6px;
    min-width: 100px;
    z-index: 100;
}
.dropdown-menu ul{
	margin-bottom:0;
}
.dropdown-menu a {
	font-size: var(--font-size-b9);
	color: var(--text-white);
	padding: 5px 12px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.dropdown-menu a:hover {
    background: var(--color-primary);
	color: var(--text-white);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
/* Show Dropdown */
.dropdown-menu.show {
    display: block;
	overflow:hidden;
}
.wtv-movie-card-box:after {
	content: "";
	width: 100%;
	height: 80%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: -o-linear-gradient(bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: -moz-linear-gradient(bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.8));
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
	-webkit-transform-origin: bottom 0 0;
	transform-origin: bottom 0 0;
}
.see-all-link {
	color: #f44336;
	padding-left: 10px;
	line-height: 24px;
	position: relative;
	margin-left: 10px;
	font-size: var(--font-size-b9);
	font-weight: var(--text-regular);
}
.see-all-link:hover {
	color: #f44336;
}
.video-counter {
	font-weight: var(--text-semi-bold);
}
.view-btn {
	font-weight: var(--text-medium);
	color: #f44336;
	text-transform: capitalize;
	padding: 0;
	margin-right: 10px;
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
}
.view-btn:hover {
	color: #000;
}
.video-counter-plan {
	overflow: hidden;
	display: inline-block;
}
.video-counter-plan .video-feedback {
	display: inline-block;
	float: left;
}
.view-shows-list-item .wtv-movie-card-box img {
	width: 100%;
	height: 175px;
	object-fit: cover;
	-webkit-transition: transform .8s ease;
	transition: transform .8s ease;
}

/*---------------------------------------	
	Popup Search Block
-----------------------------------------*/
.popup-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.97);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.popup-overlay:target {
	visibility: visible;
	opacity: 1;
}
.search .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: var(--font-size-b5);
	text-decoration: none;	
}
.search .close:hover {
	color: #06D85F;
}
.search .section-padding {
    padding: 15px 0;
	background: rgba(255, 255, 255, 0.05);
}
.popup-view.hide {
	display: none;
}
#search_popup.popup-view {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh);
	z-index: 100000;
	/*background: rgba(0, 0, 0, 0.8);*/
	background: url('../../assets/images/body_bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	backdrop-filter: blur(8px);
	color: var(--text-white);
	/* Hide scrollbars in Safari edge cases */
	-webkit-overflow-scrolling: touch; /* smooth scroll iOS/macOS */
	overscroll-behavior: contain; /* prevent bounce */
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;
	-webkit-scrollbar: none;
	scrollbar-width: none;
	overflow-y: auto; /* allow vertical scroll if content exceeds screen */
	overflow-x: hidden; /* prevent horizontal scroll */
	transform: translate3d(0px, 0px, 0px);
	transition: all 0.5s ease-in;
}
#search_popup.popup-view::-webkit-scrollbar { 
	width:0; 
	display: none; /* Hide scrollbar on Safari/Chrome */
}
.wtv-search-result #search_output{
	text-align:center;
	margin:20px auto;
	font-size: var(--font-size-b4);
	font-weight:500;
}
.popup-view .close {
	position: absolute;
	top: 22px;
	right: 20px;
	width:44px;
	font-size: var(--font-size-b3);
	color: var(--text-white);
	cursor: pointer;
	z-index: 20000;
	transform: scale(1);
	transition: opacity 0.1s, transform 0.1s;
	opacity: 0.8;
}
.popup-view .close i {
	display: block;
}
.popup-view .close:hover {
	opacity: 1;
	transform: scale(1.2);
	transition: opacity 0.1s, transform 0.1s;
}
.popup-view .button {
	padding: 10px 10px;
	min-width: 130px;
	text-transform: uppercase;
	font-size: 0.8em;
	display: inline-block;
	outline: none;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	border: 1px solid rgba(0, 0, 0, 0);
	outline: none;
	color: inherit;
}
.popup-view .button.left-margin {
	margin-left: 20px;
}
.popup-view .button.fat {
	padding: 10px 20px;
}
.popup-view .button.disabled {
	pointer-events: none;
	opacity: .8;
}
.popup-view button:disabled {
	pointer-events: none;
	opacity: .8;
}
.popup-view .button.outlined {
	border: 1px solid #666;
}
.popup-view .button.inactive {
	border: 1px solid #666;
	background: #222;
}
.popup-view .button.processing {
	opacity: 0.7;
	pointer-events: none;
}
.popup-view .mobile-logo-image {
	margin: 15px auto 10px auto;
	max-width: 150px;
	display: none;
}

@media (max-width: 700px) {
.popup-view .mobile-logo-image {
	display: block;
}
}

.header-section ul li.menu-icon a {
	background: rgba(255, 255, 255, 0.2);
}  
.search .section-padding {
	margin-top: 5px;
}
@keyframes reveal {
 0% {
 opacity: 0;
 transform: translateY(100%);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.search-box {
	background: var(--bg-transparent-color);
	border-radius: 10px;
	padding: 0.5rem 1rem;
	margin: 1rem auto 1.5rem auto;
	display: flex;
	align-items: center;
	width: 80%;
	max-width: 1000px;
	position: relative;
}
.search-box input {
	background: transparent;
	border: none;
	outline: none;
	color: var(--text-white);
	width: 100%;
	font-size: var(--font-size-b7);
	padding: 0.3rem 0.5rem;
	font-weight: 500;
}
.search-box .icon {
	/*font-size: var(--font-size-b6);*/
	color: var(--text-white);
	margin-right: 0.3rem;
	margin-left: 0rem;
}
.search-box .icon img.search {
	width: 24px;
	top: 0;
}
.search-box .close-btn {
	background: none;
	border: none;
	color: #aaa;
	font-size: var(--font-size-b6);
	margin-left: 0.3rem;
	cursor: pointer;
}
.search-box .close-btn:hover{
	color:var(--color-primary)
}
.wtv-search-result .wtv-title-item h3{
	font-size: var(--font-size-b4);
	font-weight: var(--text-bold);
	color: var(--text-gray);
}

@media (min-width: 1025px) {
.search .section-padding {
    padding: 15px 0;
}
.search .vfx_section_header {
    margin-bottom: 30px;
}
.search .video-carousel .owl-buttons{
    position: absolute;
    top: -59px;
}
.search {
	top: 12%;
	opacity: 0;
	animation: reveal 1s cubic-bezier(0, 1, .5, 1) 1 normal forwards;
	animation-delay: .5s;
}
.search-container {
	padding: 0 12%;
}
.search .logo {
	display: none;
}
.wtv-search-result .video-tray {
	display: block;
}
.search .search-container>.title {
	display: block;
}
.search-container.has-results {
	margin-top: -40px;
}
}

@media only screen and (max-width: 1024px) {
.search-container {
    padding: 0 10px;
}
.popup-view .close {
	right: 10px;
	top: 22px;
	font-size: var(--font-size-b5);
}
}

/*-----------------------------------------	
	Footer Area
-----------------------------------------*/
.footer-area {
	background: url('../../assets/images/footer_bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 40px;
}
.footer-heading {
	display: block;
	font-size: var(--font-size-b5);
	font-weight: var(--text-medium);
	position:relative;
	margin-bottom: 20px;
}
.footer-heading::before {
    background: var(--color-primary);
    border: 0 none;
    content: "";
    height: 3px;
    left: 0;
    margin: 0;
    position: absolute;
    bottom: -2px;
    width: 40px;
    border-radius: 6px;
}
.our-heading {
	display: block;
	font-size: var(--font-size-b4);
	font-weight: var(--text-medium);
	position:relative;
	margin-bottom: 50px;
}
.social-links ul li {
	display: inline-block;
}
.social-links ul{
	gap: 1.6rem;
	flex-wrap: wrap;
	display: flex;
}
.social-links ul li a {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
}
.social-links ul li a.ic_x_item img{
	width: 28px;
	height: 28px;
	line-height: 32px;
}
.download-app-link-item{
	gap: 2.5rem;
	flex-wrap: wrap;
	display: flex;
	justify-content: end;
}
.download-app-link-item img, .download-app-link-item img {
    width: 100%;
	height: 54px;
	object-fit: contain;
	display: block;
	border-radius: 8px; /* optional for smoother corners */
	/* ✅ Safari fixes */
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast; /* improve sharpness */
}
.footer-list ul li a {
	display: inline-block;
	padding: 5px 0;
	color: #252525;
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
}
.footer-list ul li a:hover {
	color: #f44336;
}
.scroll-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
	cursor: pointer;
	display: none;
}
.scroll-top .scroll-icon {
	background: var(--bg-white);
	color: var(--text-primary-color);
	font-size:var(--font-size-b4);
	line-height: var(--line-height-b3);
	color: var(--text-primary-color);
	width: 36px;
	height: 36px;
	text-align: center;
	border-radius:50px;
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
}
.scroll-top .scroll-icon:hover {
	background: var(--color-primary);
	border-radius:50px;
	color: var(--text-white);
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
}
.footer-copyright-area {
	margin-top: 20px;
	padding: 20px 0 30px 0; 	
	text-align: center;
}
.footer-links {
	display:inline-block;
}
.footer-links ul{
	gap: 1.5rem;
	flex-wrap: wrap;
	display: flex;
	margin-bottom: 0;
}
.footer-links ul li a {
	font-size: var(--font-size-b8);
	font-weight: var(--text-regular);
	color: var(--text-white);
}
.footer-links ul li a:hover {
	color: var(--text-white);
	font-weight: var(--text-semi-bold);
}
.copyright-text a {
	color: #2a6f9f;
}
.copyright-text p {
	color:#667799;
	margin-bottom: 0;
	font-size: var(--font-size-b6);
	font-weight:var(--text-semi-bold);
	letter-spacing:1px;
}

/*---------------------------------------
	Tooltip
-----------------------------------------*/
.tooltip {
	position: absolute;
	z-index: 1080;
	display: block;
	margin: 0;
	font-family: var(--bs-font-sans-serif);
	font-style: normal;
	font-weight: var(--text-semi-bold);
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: var(--font-size-b8);
	word-wrap: break-word;
	opacity: 1
}
.tooltip.show {
	opacity:1
}
.tooltip .tooltip-arrow {
	position: absolute;
	display: block;
	width:.8rem;
	height:.4rem
}
.tooltip .tooltip-arrow::before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid
}
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] {
	padding:.4rem 0
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
	bottom: 0
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
	top: -1px;
	border-width:.4rem .4rem 0;
	border-top-color: var(--bg-dark-transparent-3);
}
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] {
	padding:0 .4rem
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
	left: 0;
	width:.4rem;
	height:.8rem
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
	right: -1px;
	border-width:.4rem .4rem .4rem 0;
	border-right-color: var(--bg-dark-transparent-3);
}
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] {
	padding:.4rem 0
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
	top: 0
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
	bottom: -1px;
	border-width:0 .4rem .4rem;
	border-bottom-color: var(--bg-dark-transparent-3);
}
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] {
	padding:0 .4rem
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
	right: 0;
	width:.4rem;
	height:.8rem
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
	left: -1px;
	border-width:.4rem 0 .4rem .4rem;
	border-left-color: var(--bg-dark-transparent-3);
}
.tooltip-inner {
	max-width: 200px;
	padding:0.1rem 0.6rem 0.3rem 0.6rem;
	color: var(--text-white);
	text-align: center;
	background: var(--bg-black);
	border-radius:6px;
	border:1px solid var(--border-color-4);
}

/*-----------------------------------------	
	Breadcrumbs Area
-----------------------------------------*/
.wtv-breadcrumb-section {
    position: relative;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:0;
}
.wtv-breadcrumb-section h2 {
	display: block;
	font-size: var(--font-size-b2);
	font-weight: var(--text-bold);
	line-height: var(--line-height-b4);
	color: var(--text-white);
	margin-bottom: 0;
	padding-left:20px;
	text-transform: capitalize;
	z-index: 1;
	position: relative;
}
.wtv-breadcrumb-section p {
    font-size: var(--font-size-b6);
    font-weight: var(--text-semi-bold);  
	color: var(--text-midgray-color);
    display: block;
	margin-top:10px;
	margin-bottom:0;	
	z-index: 1;
	position: relative;
	padding-left: 10px;
}
.wtv-bg-item-area {
    background-position: center;
    background-size: cover;
    min-height: 180px;
	padding-top: 75px;
}

/*-----------------------------------------	
	Popup Modal
-----------------------------------------*/
header .modal-content {
	border-radius: 0;
}
header .modal-header {
	padding: 0;
}
header .modal-header h3 {
	color: var(--text-white);
	font-size: var(--font-size-b5);
	font-weight: var(--text-regular);
	padding: 10px 15px;
	text-transform: capitalize;
	height: 50px;
	line-height: 29px;
	border: none!important;
}
header .modal-header .close-btn {
	border: medium none;
	border-radius: 0;
	color: var(--text-white);
	font-size: 33px;
	height: 50px;
	line-height: 33px;
	margin: 0;
	width: 40px;
}
header .modal-body .btn.btn-primary {
	border: medium none;
	border-radius: 4px;
	font-size: var(--font-size-b6);
	min-width: 116px;
}
.modal-content {
	border: none;
}
.header-section ul li:hover > a, .header-section ul li a.active {
	/*color:var(--text-primary-color);*/
}
.modal-header .modal-title {
	font-size: var(--font-size-b6);
	font-weight: var(--text-semi-bold);
}
.modal-header {
	border-bottom: 1px solid var(--border-color-5);
	padding: 1rem;
}
.modal-body {
	padding: 1.5rem;
}
.modal-backdrop.show {
	background: var(--bg-black);
	opacity: 0.85;
	backdrop-filter: blur(5px);
}
.modal-content {
	background: var(--bg-black);
	border: 1px solid var(--border-color-5);
}
.modal-dialog .btn-close {
	box-sizing: content-box;
	width: 26px;
	height: 26px;
	padding: 3px;
	color: var(--text-white);
	background: var(--bg-white) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 20 20' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	border: 0;
	border-radius: 30px;
	opacity: 1;
	margin-right: 0;
}

/*-----------------------------------------	
	WTV Card List
-----------------------------------------*/
.wtv-card-item {
	background: #1C2042;
	border-radius: 1.2rem;
	overflow: hidden;
	box-shadow: 0 0 12px #19163b69;
	/*margin-bottom: 2rem;*/
	margin-bottom: 0;
	transition: box-shadow 0.25s;
}
.wtv-list-play .btn-play-now{
	position:absolute;
	width:100%;
	height: 100%;
	display: flex;
	align-self: center;
	align-items: center;
	justify-content: center;
	z-index: 3;
	top: 0;
	text-align: center;
	margin: 0 auto;
}
.wtv-list-play .btn-play-now img{
	width: 80px;
	height: 80px;
	transition: all 0.3s ease;
}
.wtv-card-item .card-image{
	position:relative;
	overflow:hidden;
	display: block;
}
.wtv-card-item .card-image img{
	aspect-ratio: 16 / 8;
	object-fit: cover;
}
.wtv-card-item .card-image::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -1px;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
	background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
	background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
	-webkit-transform-origin: left 0 0;
	transform-origin: left 0 0;
	z-index: 1;
}
.card-image {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 8;
	object-fit: cover;
}
.wtv-custom-card {
	padding: 1.1rem;
}
.wtv-custom-card .show-title {
	font-size: var(--font-size-b5);
	font-weight: var(--text-bold);
	margin-bottom: 0.5rem;
	color: var(--text-white);
}
.wtv-custom-card .season-text {
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	color: var(--text-white);
	margin-bottom: 0.3rem;
	position:relative;
	padding-left:10px;
}
.wtv-custom-card .season-text::after {
	background: #38678E;
	border: 0px;
	content: "";
	height: 20px;
	left: 0;
	margin: 0px;
	position: absolute;
	bottom: 2px;
	width: 4px;
	border-radius: 6px;
}
.wtv-custom-card .tags{
	display:flex;
	margin:10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wtv-custom-card .tags .tg_anim img{
	width: 14px;
	vertical-align: sub;
	display: inline-block;
}
.wtv-custom-card .tags .tg_anim, .wtv-custom-card .tg_adv{
	font-size: var(--font-size-b8);
	font-weight: var(--text-medium);
	color:var(--text-gray);
}
.wtv-custom-card .tags .dot {
	color: var(--color-primary);
	font-size: var(--font-size-b6);
	/*vertical-align: middle;*/
	margin: 0 0.25rem;
	line-height: 22px;
}
.wtv-play-item .btn-play-now, .wtv-play-item .btn-my-list{
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	display:flex;
	align-self: center;
	align-items: center;
}
.wtv-play-item .btn-play-now .icon img{
	width:50px;
}
.wtv-play-item .btn-my-list{
	background: transparent;
	border-radius: 10px;
	color: var(--text-white);
	border: 2px solid var(--border-color-3);
	display: flex;
	align-self: center;
	align-items: center;
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	padding: 8px 15px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.wtv-play-item .btn-my-list:hover{
	background: var(--bg-light-transparent-3);
	backdrop-filter: blur(40px);
	border: 2px solid var(--bg-light-transparent-4);
}
.wtv-play-item .btn-my-list .icon img, .wtv-play-item .btn-my-list img{
	width:22px;
	position: relative;
	top: 2px;
}
.wtv-card-item .card-eps-item{
	position:absolute;
	bottom:0;
	z-index: 2;
	width: 100%;
	padding:10px 15px;
	align-self: center;
	align-items: center;
}
.wtv-card-item .card-eps-item span{
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	color: var(--text-white);
}
.wtv-card-item .card-eps-item span.eps-play-icon{
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	display: flex;
	align-self: center;
	align-items: center;
}
.wtv-card-item .card-eps-item span.eps-play-icon img{
	display: inline-flex;
	width: 46px;
	aspect-ratio: 4 / 4;
}
.wtv-custom-card p{
	font-size: var(--font-size-b8);
	font-weight: var(--text-regular);
	color:#c6c6c6;
	margin-bottom:0;
}

/*-----------------------------------------	
	WTV Profile
-----------------------------------------*/
.profile-card .profile-img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
}
.profile-name {
	font-weight: 600;
	color: #fff;
}
.profile-card .subscribe-btn-item a {
	min-width: 300px;	
	padding: 15px 30px;
	font-size: var(--font-size-b7);
}
.profile-card .subscribe-btn-item a img {
	width: 24px;
	margin-right: 3px;
	vertical-align: bottom;
}
.account-settings {
	margin-top: 40px;
}
.settings-title {
	font-size: var(--font-size-b7);
	font-weight: var(--text-bold);
	color: var(--text-gray);	
	text-align: left;
}
.settings-list {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	overflow: hidden;
	padding:10px 15px;
}
.settings-list .settings-item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 14px 18px;
	text-decoration: none;
	font-size: var(--font-size-b7);
	font-weight: var(--text-regular);
	color: var(--text-white);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	transition: all 0.3s ease;
}
.settings-list .settings-item img{
	width:25px;
}
.settings-list .settings-item:last-child {
	border-bottom: none;
}
.settings-list .settings-item:hover {
	background: rgba(255, 255, 255, 0.1);
	color: var(--text-white);
	border-radius: 4px;
}

/*-----------------------------------------	
	My Account
-----------------------------------------*/
.login-item-block .input-box i.fa-eye, .login-item-block .input-box i.fa-eye-slash{
	position: absolute;
	top: 50%;
	right: 12px;
	width: 22px;
	transform: translateY(-50%);
	color: rgba(255, 255, 255, 0.8);
	font-size: var(--font-size-b7);
	z-index: 1;
	cursor:pointer;
}
.my_account_block .profile-pic-container {
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0 auto 30px;
}
.my_account_block .profile-pic-container img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.my_account_block .profile-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.4);
	border-radius: 50%;
	opacity: 0;
	transition: 0.3s;
	cursor: pointer;
}
.profile-overlay:hover {
	opacity: 1;
}
.profile-overlay input {
	display: none;
}
.upload-icon {
	font-size: 24px;
	color: var(--text-white);
}
.my_account_block .form-group {
	margin-bottom: 20px;
}
.account-section {
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 20px;
}
.account-section h5 {
	font-size: var(--font-size-b7);
	font-weight: var(--text-bold);
	color: var(--text-gray);
	text-align: left;
}
.forgot-pass {
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	color: var(--text-yellow);
	text-decoration: none;
	width: 100%;
	text-align: right;
	display: block;
}
.forgot-pass:hover{
	color: var(--text-white);	
}
.ac-language-block{
	background: rgba(255, 255, 255, 0.08);
	padding:10px 15px;
	border-radius:12px;
}
.my_account_block .wtv-btn-item{
	max-width: 300px;
	border-radius:10px;
}
.my_account_block .wtv-btn-item::before {
	border-radius:10px;
}
.language-option {
	padding: 15px;
	display: flex;
	border-bottom:1px solid rgba(255, 255, 255, 0.12);
	justify-content: space-between;
	align-items: center;
	font-size: var(--font-size-b7);
	font-weight: var(--text-regular);
	color: var(--text-white);
}
.language-option:last-child{
	border-bottom:0;
}
.language-option input {
	width: 20px;
	height: 20px;
	accent-color: #FFD700;
	cursor: pointer;
}

/*-----------------------------------------	
	Pair Device
-----------------------------------------*/
.device-list-area{
	width: 100%;	
}
.pair-input input {
	width: 100%;
	padding: .9rem;
	height: inherit;
	font-size: var(--font-size-b7);
	font-weight: var(--text-regular);
	line-height: var(--line-height-b3);
	color: var(--text-white);
	background: var(--bg-transparent-color);
	backdrop-filter: blur(40px);
	border: 0;
	display: block;
	width: 100%;
	border-radius: 6px;
}
.pair-input input::placeholder {
	color: rgba(255,255,255,0.7);
}
.pair-input input:focus {
	color: var(--text-light-color);
    border-color: var(--border-color-1);
    outline: 0;
	-webkit-box-shadow: 0 0 0 .20rem var(--input-focus);
    box-shadow: 0 0 0 .20rem var(--input-focus);
}
.device-list-area .subscribe-btn-item a{
	padding: 15px 30px;
	font-size: var(--font-size-b6);
	font-weight: var(--text-semi-bold);	
}
.device-list-area .subscribe-btn-item a img.pair_device {
	width: 22px;
	margin-right: 10px;
}  
.device-limit {
	text-align: center;
	font-size: var(--font-size-b5);
	font-weight: var(--text-semi-bold);
	color: var(--text-gray);
}
.paired-section h5 {
	font-size: var(--font-size-b7);
	font-weight: var(--text-bold);
	color: var(--text-gray);
	text-align: left;
}
.paired-list {
	list-style: none;
	margin: 0;
	padding: 5px 10px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 14px;
	overflow: hidden;
}
.paired-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	color: var(--text-white);
}
.paired-list li span{
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	text-align:left;
}
.paired-list li span pre{
	color:var(--text-gray);
	font-weight: var(--text-semi-bold);
	margin-bottom:0;
}
.paired-list li .actions .bg-success{
	font-size: var(--font-size-b9);
	font-weight: var(--text-medium);
	text-align: left;
	padding: 8px 10px;
}
.paired-list li:last-child {
	border-bottom: none;
}
.paired-list li .actions i {
	font-size: var(--font-size-b6);
	margin-left: 20px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.paired-list li .actions .edit {
	color: var(--text-white);
}
.paired-list li .actions .delete {
	color: #ff4444;
}
.paired-list li .actions .edit:hover {
	color: #19a0ff;
}
.paired-list li .actions .delete:hover {
	color: #ff6666;
}

/*-----------------------------------------	
	Subscribe Plan
-----------------------------------------*/
.hero-wizard {
	position: relative;
	height: 100vh;
	max-height:700px;
	display: flex;
	justify-content: center;
	align-items: end;
	text-align: center;
	overflow: hidden;
}
.hero-wizard-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	aspect-ratio:16 / 9; 
	top: 0;
	left: 0;
	z-index: 0;
}
.hero-wizard .overlay {
	position: absolute;
	width: 100%;
	height: 88%;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
}
.hero-wizard-content {
	position: relative;
	z-index: 2;
	max-width: 500px;
	bottom:80px;
	padding-left: 20px;
	padding-right: 20px;
}
.hero-wizard-content h2 {
	font-size: var(--font-size-b2);
	font-weight: var(--text-bold);
	line-height:var(--line-height-b4);
	margin-bottom: 10px;
}
.hero-wizard-content p {
	font-size: var(--font-size-b6);
	font-weight: var(--text-medium);
	line-height:var(--line-height-b4);
	color: var(--text-gray);
}
.plans-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.plan-card {
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(40px);
	border-radius: 10px;
	padding: 20px 30px;
}
.plan-card .plan-header{
	text-align:left;
	border-bottom:1px solid rgba(255, 255, 255, 0.12);
}
.plan-card .plan-header h3 {
	font-size: var(--font-size-b4);
	font-weight: var(--text-bold);
	margin-bottom:0;
}
.plan-card .plan-header p {
	color: var(--text-white);
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	margin-top: 3px;
}
.plan-card .plan-header span {
	color: var(--text-yellow);
	font-size: var(--font-size-b6);
	font-weight: var(--text-semi-bold);
}
.standard h3 {
	color: #0E83E3;
}
.premium h3 {
	color: #FE53BB;
}
.plan-features {
	margin-top: 15px;
	margin-bottom: 15px;
}
.plan-card .subscribe-btn-item a{
	min-width:350px;
}
.feature-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	text-align: left;
	margin-bottom: 15px;
}
.feature-item .ic-list-item {
	width:22px;
	margin-right: 10px;
}
.feature-item h4 {
	font-size: var(--font-size-b6);
	font-weight: var(--text-semi-bold);
	margin: 0;
}
.feature-item p {
	margin: 5px 0 0;
	font-size: var(--font-size-b9);
	font-weight: var(--text-medium);
	color: var(--text-gray);
}

/*-----------------------------------------	
	Other Common Page 
-----------------------------------------*/
.contact-form .form-control, .edit-profile-form .form-control {
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	line-height: var(--line-height-b3);
	color: var(--text-white);
	padding: .7rem .96rem;
	height: inherit;
	background: var(--border-color-4);
	border:0;
	border-radius: 6px;
	width: 100%;
}
.contact-form .form-group label{
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	color: var(--text-white);
	margin-bottom:5px;
	display: block;
}
textarea.form-control {
	min-height: 100px;
}
.contact-us-wrapper h4 {
	color: #323232;
	font-size: var(--font-size-b5);
	line-height: var(--line-height-b1);
	margin: 0;
}
.contact-us-wrapper > p {
	color: #777777;
	font-size: var(--font-size-b8);
	line-height: var(--line-height-b2);
	margin: 25px 0;
}
.contact-form .form-control:focus, .contact-form .custom-select:focus, .contact-form .form-control:focus, .contact-form .custom-select:focus,
.edit-profile-form .form-control:focus, .edit-profile-form .custom-select:focus, .edit-profile-form .form-control:focus, .edit-profile-form .custom-select:focus{
    -webkit-box-shadow: 0 0 0 .20rem var(--input-focus);
    box-shadow: 0 0 0 .20rem var(--input-focus);
}
.contact-form .form-control:focus, .contact-form .form-control:focus,
.edit-profile-form .form-control:focus, .edit-profile-form .form-control:focus{
    color: var(--text-white);
    border-color: var(--border-color-1);
    outline: 0;
    box-shadow: 0 0 0 .20rem var(--input-focus);
}
.contact-form .form-control:focus,
.edit-profile-form .form-control:focus {
	color: var(--text-white);	
}
.contact-form input.form-control::-webkit-input-placeholder, 
.edit-profile-form input.form-control::-webkit-input-placeholder,
.contact-form textarea.form-control::-webkit-input-placeholder, 
.edit-profile-form textarea.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--text-midgray-color);
}
.contact-form input.form-control::-moz-placeholder,
.edit-profile-form input.form-control::-moz-placeholder,
.contact-form textarea.form-control::-moz-placeholder,
.edit-profile-form textarea.form-control::-moz-placeholder { /* Firefox 19+ */
	color: var(--text-midgray-color);
}
.contact-form input.form-control::-ms-input-placeholder,
.edit-profile-form input.form-control::-ms-input-placeholder,
.contact-form textarea.form-control::-ms-input-placeholder,
.edit-profile-form textarea.form-control::-ms-input-placeholder { /* IE 10+ */
	color: var(--text-midgray-color);
}
.contact-form input.form-control:-moz-placeholder,
.edit-profile-form input.form-control:-moz-placeholder,
.contact-form textarea.form-control:-moz-placeholder,
.edit-profile-form textarea.form-control:-moz-placeholder { /* Firefox 18- */
	color: var(--text-midgray-color);
}
.contact-page-area .contact-form, .details-page-area .details-item-block, .edit-profile-area .edit-profile-form{
	background: var(--bg-black);
	border: 1px solid var(--border-color-4);
	border-radius:10px;
	padding:20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.details-page-area .details-item-block p{
	font-size: var(--font-size-b8);
	line-height: var(--line-height-b2);
	font-weight: var(--text-medium);
	color: var(--text-midgray-color);
	margin-bottom:15px;
}
.contact-page-area .wtv-title-item {
	padding-top: 0;
}
.contact-page-area .wtv-title-item p {
	margin-top: 10px;
}
.edit-profile-form .form-group label{
	font-size: var(--font-size-b7);
	font-weight: var(--text-medium);
	margin-bottom:5px;
}
.swal2-container.swal2-backdrop-show{
	background:transparent !important;
}
.swal2-dark-gradient-popup .nice-select.swal2-select{
	display:none;
}
.ad-video {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 10px 10px 0 0;
}
.ad-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ad-video img {
    width: 100%;     
    object-fit: contain;
	height: 100%;
}
.ad-section .ad-info{
	border:1px solid rgba(255, 255, 255, 0.25);
	border-radius: 0 0 10px 10px;
	border-top: 0;
}