body{font-family:Arial;margin:0;background:#0b1c2d;color:#ffffff}
header{background:#0a3d62;color:#ffffff;padding:20px;text-align:center}
nav a{color:#ff4d4d;text-decoration:none;margin:0 30px;font-weight:bold}
nav a:hover{color:#ffffff}
.container{padding:20px}
h1,h2{color:#ffffff}
table{width:100%;border-collapse:collapse;background:#112f4a}
th{background:#ff4d4d;color:#ffffff}
th,td{border:1px solid #ffffff;padding:10px;text-align:center}
input{color:#000}
input,button{width:100%;padding:10px;margin:8px 0}
.btn{background:#ff4d4d;color:#ffffff;border:none;padding:10px;cursor:pointer}
.btn-blue{background:#0a3d62}
footer{text-align:center;padding:10px;background:#0a3d62;color:#ffffff}
.router-img{
  max-width: 250px;
  width: 80%;
  display: block;
  margin: 20px auto;
}
/* HEADER LAYOUT */
.site-header{
  background:#0a3d62;
  color:#ffffff;
  padding:15px 30px;
  display:flex;
  align-items:center;
}

/* LEFT TEXT */
.header-left{
  min-width:200px;
}

.header-left h1{
  margin:0;
  font-size:30px;
}

.header-left p{
  margin:3px 0 0 0;
  font-size:20px;
}

/* CENTER MENU */
.header-center{
  flex:1;
  text-align:center;
}

.header-center a{
  color:#ff4d4d;
  text-decoration:none;
  margin:0 20px;
  font-size:20px;
  font-weight:bold;
}

.header-center a:hover{
  color:#ffffff;
}
/* HOME PAGE FLEX */
.home-flex{
  display: flex;
  justify-content: flex-start;
}

.home-left{
  max-width: 700px;
}



/* HEADER RIGHT LOGO */
.header-right{
  display: flex;
  align-items: center;
}

.header-logo{
  height: 100px;
  width: auto;
}
.zigg-btn{
  background:#ff4d4d;   /* same as top red */
  color:#ffffff;
  border:none;
  padding:10px 20px;
  font-size:25px;
  font-weight:bold;
  border-radius:4px;
  cursor:pointer;
}

.zigg-btn:hover{
  background:#2e0505;   /* थोड़ा dark hover */
}

.ziggtv-center{
  text-align:center;
}
.ziggtv-center{
  position: absolute;
  left: 50%;
  top: 44%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.ziggtv-center h2{
  color: #ffffff;
  font-size: 40px;
  margin-bottom: 30px;
}

.ziggtv-center img{
  max-width: 500px;
  width: 80%;
}

/* ONT IMAGE LEFT UNDER TEXT */
.offer-banner{
  max-width: 200px;
  width: 100%;
  margin: 50px 0 0 0;
  font-size:30px;
  display: block;
}