body{
	background:#ECECF3;
	font-family:Arial, Helvetica, sans-serif;
	color: #0D0D0F !important;
}

.main-color{
    color: #0D0D0F !important;
}

/* HERO */
.hero{
    background:url('../images/home-banner.png') center/cover no-repeat;
    border-radius:12px;
    padding:80px 60px;
    color:#fff;
    position:relative;
	width: 100%;
    height: 525px;
}

/* dark overlay for readability */
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background: rgb(0 0 0 / 10%);
    border-radius:12px;
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:600px;
}

.hero-note{
    position:relative;
    z-index:2;
    color:#ddd;
}

.hero-tv{
    background:url('../images/tv-banner.png') center/cover no-repeat;
    border-radius:12px;
    padding:80px 60px;
    color:#fff;
    position:relative;
	width: 100%;
    height: 525px;
}

/* dark overlay for readability */
.hero-tv::before{
    content:"";
    position:absolute;
    inset:0;
    background: rgb(0 0 0 / 10%);
    border-radius:12px;
}

.hero-tv-content{
    position:relative;
    z-index:2;
    max-width:600px;
}

.hero-tv-note{
    position:relative;
    z-index:2;
    color:#ddd;
}



.hero-phone{
    background:url('../images/phone-banner.png') center/cover no-repeat;
    border-radius:12px;
    padding:80px 60px;
    color:#fff;
    position:relative;
	width: 100%;
    height: 525px;
}

/* dark overlay for readability */
/* .hero-phone::before{
    content:"";
    position:absolute;
    inset:0;
    background: rgb(0 0 0 / 10%);
    border-radius:12px;
}
 */
.hero-phone-content{
    position:relative;
    z-index:2;
    max-width:600px;
}

.hero-phone-note{
    position:relative;
    z-index:2;
    color:#ddd;
}


/* STREAMING SECTION */


/* FOOTER */
.footer{
	background:#111;
	color:#bbb;
	padding:40px 0;
}
.footer a{
	color:#bbb;
	text-decoration:none;
}
.footer a:hover{
	color:white;
}

.small{font-size:10px;}
.small-1{font-size:12px;}
.text-justify{text-align:justify;}


.streaming{
	color:white;
	border-radius:12px;
	padding:40px;
}
.streaming{
	position:relative; 
	background:url('../images/home-banner-1.png') center/cover no-repeat;
	background-size:cover;
	background-position:center;
}

.streaming .row{
	position:relative;
	z-index:2;
}
.plans-section{
	
}

.plan-card{
	background: #ffffff;
	border-radius:12px;
	padding:30px;
	height:100%;
	border:1px solid #e6e6e6;
	transition:0.3s;
}
.plan-card li img{height:10px;width:10px;}
.plan-card:hover{
	transform:translateY(-5px);
	box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.plan-card.featured{
	border:2px solid #6138F5;
}

.price-1{
	font-size:26px;
	font-weight:700;
	margin:10px 0 15px;
}

.plan-list{
	
}

.plan-list li{
	margin-bottom:8px;
	font-size:16px;
}

/* TV */
.plans-tv-section{
	background:#f5f6fa;
}

.plan-tv-card{
	background: #ffffff;
	border-radius:12px;
	padding:30px;
	height:100%;
	border:1px solid #e6e6e6;
	transition:0.3s;
}
.plan-tv-card li img{height:10px;width:10px;}
.plan-tv-card:hover{
	transform:translateY(-5px);
	box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.plan-tv-card.featured{
	border:2px solid #1F69FF;
}

.price-1{
	font-size:26px;
	font-weight:700;
	margin:10px 0 15px;
}

.plan-list{
	padding-left:18px;
}

.plan-list li{
	margin-bottom:8px;
	font-size:16px;
}

/* TV */


.guarantee{
    background: url('../images/home-banner-2.png') center/cover no-repeat;
    border-radius:10px;
    width:100%;
    min-height:550px;
    display:flex;
    align-items:center;      
    justify-content:flex-start; 
    padding:60px;
    color:#fff;
}
/* .guarantee{
    position: relative;  

    background: url('../images/home-banner-2.png') center/cover no-repeat;
    border-radius:10px;
    width:100%;
    min-height:650px;

    display:flex;
    align-items:center;
    justify-content:flex-start;

    padding:60px;
    color:#fff;
    overflow: hidden; 
}

.guarantee::before{
    content: "";
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

    background: rgba(0,0,0,0.6); 
    border-radius:10px;
}
.guarantee *{
    position: relative;
    z-index: 2;
} */



.guarantee-content{
    max-width:500px;   /* text ek block me rahega */
}

.black{color: #000;}

.contact-hero-1{
    background: url('../images/contact-us.png');
    color:#fff;
    border-radius:10px;
    min-height:250px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.contact-hero{
    background: url('../images/contact-us.png');
    background: #21528c;
    color:#fff;
    border-radius:10px;
    min-height:180px;
    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;
}

.contact-box{
    background:#fff;
    padding:35px;
    border-radius:10px;
    border:1px solid #eee;
	height: 180px;
}

.contact-box:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.contact-box h4{
    margin-bottom:15px;
}

.contact-box a{
    text-decoration:none;
    color: #21528c;
    font-weight:600;
}

.deal-card{
    background:#ffffff;
    padding:45px;
    border-radius:12px;
    border:1px solid #e3e3e3;
    height:100%;
}

.deal-title{
    font-weight:700;
    margin-bottom:25px;
}

.deal-title {
    color:#6138F5;
}
.deal-title span{
    color:#0D0D0F;
}


.price-wrap{
    display:flex;
    align-items:flex-start;
    margin-bottom:25px;
}

.dollar{
    font-size:40px;
    font-weight:700;
    margin-top:10px;
}

.price{
    font-size:90px;
    font-weight:800;
    line-height:1;
    margin:0 10px;
}

.price-info{
    font-size:18px;
    margin-top:20px;
}

.deal-actions{
    display:flex;
    align-items:center;
    gap:20px;
}

.price-link{
    color:#333;
    text-decoration:underline;
}

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

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #6138F5 !important;
}

.guarantee_1 {
    background:#6138f5;
    border-radius:10px;
    width:100%;
    min-height:50px;
    align-items:center;      /* vertical center */
    justify-content:flex-start; /* left side */
    padding:15px;
    color:#fff;
}
/* TV */
.guarantee_tv {
    background:#1F69FF;
    border-radius:10px;
    width:100%;
    min-height:50px;
    align-items:center;      /* vertical center */
    justify-content:flex-start; /* left side */
    padding:15px;
    color:#fff;
}
/* TV */
.btn-light {background-color: #ffffff;}
.a:hover {
    color: #ffffff !important;
    background-color: #0D0D0F !important;
    border-color: #0D0D0F !important;
}
.text-large {font-size:56px;}

.channel-icon{
	height:40px;
	width:auto;
}

.streaming-phone{
	background:linear-gradient(90deg,#4b2be3,#7c3aed);
	color:white;
	border-radius:12px;
	padding:40px;
}

.streaming-phone{
	background: url(../images/phone-image-4.jpeg) center / cover no-repeat;
    border-radius: 10px;
    width: 100%;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 60px;
    color: #fff;
}

.streaming-phone .row{
	position:relative;
	z-index:2;
}

.streaming-1 li img {
    height: 10px;
    width: 10px;
}

.blue {color: #1F69FF;}
.purple {color: #6138F5;}
.green {color: #008558;}
.yellow {color: #FFAA00 ;}
.orange {color: #E64F00;}
.red {color: #E6004D;}

.line-top{border-top: 2px solid #1F69FF;}
.line-top-green{border-top: 2px solid #008558;}
.line-bottom{ border-bottom: 2px solid #1F69FF;}
.line-bottom-green{ border-bottom: 2px solid #008558;}
.height-1{height:500px;}
.height-2{height:600px;}
.height-3{height:700px;}
.btn-primary{background:#1F69FF}
.btn-purple{background-color:#6138f5;color:#fff;border:#0D0D0F;}
.btn-yellow{background-color:#FFAA00;color:#fff;border:#0D0D0F;}
.btn-orange{background-color:#E64F00;color:#fff;border:#0D0D0F;}
.btn-blue{background-color:#1F69FF;color:#fff;border:#0D0D0F;}
.btn-green{background-color:#008558;color:#fff;border:#0D0D0F;}


/* TV */
.watch-section{
	
}

/* .text-purple{
color:#6138F5;
} */

.watch-card{
	position:relative;
	border-radius:12px;
	overflow:hidden;
}

.watch-card img{
width:100%;
	height:420px;
	object-fit:cover;
}

.watch-overlay{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:25px;
	color:#fff;

	background:linear-gradient(
	to top,
	rgba(0,0,0,0.8),
	rgba(0,0,0,0.2),
	transparent
	);
}

.watch-overlay h3{
	font-weight:700;
	margin-bottom:10px;
}

/* TV */