body {
    font-family: "Inter", sans-serif;
    font-size: 15px; line-height: 1.8;
    font-weight: 400; font-style: normal;
    color: #131722; overflow-x: hidden;
    background-color: #ffffff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
   font-weight: 800;  
}

h1 {
    font-size: 64px;
    line-height: 1.18;
}
h2 {
    font-size: 56px;
    line-height: 1.15; 
    
}
h3 {
    font-size: 50px;
    line-height: 1.2; 
}
h4 {
  font-size: 32px;
  line-height: 1.2; 
}
h5 {
    font-size: 24px;
    line-height: 1.43;
}
h6 {
    font-size: 18px;
    line-height: 1.33;
}

.width100 {
  width: 100%;
}

a{ color: #131722; text-decoration: none; }
a:hover, a:focus{ text-decoration: none; color: #E50914; }
ul {
  padding: 0;
  margin: 0;
}
li{ list-style-type: none  }
img{max-width: 100%  }

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1464px;
}
.navbar-main{
  background-color: #1A1A1A;
}
.search-mob {
  display: flex;
  align-items: center;
  background: transparent;
  border: 1px solid #d0d0d2;
  border-radius: 18px;
  padding: 4px 12px;
  gap: 6px;
}
.search-input {
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  width: 160px;
}
.search-icon {
  width: 20px;
  height: 20px;
}
.btn-hs, .btn-hs-mob {
	background: transparent;
	border: none;
	padding: 0;
	margin: -4px 0 0;
}
.navbar-main li a {
	color: #fff;
	font-size: 14px;
	font-weight: normal; padding: 0 20px !important;
}
.navbar-main li a:hover, .navbar-main li a.active{
  color: #e50914  !important;
}
.right-navbar {
	align-items: center;
}
.banner-outer {
  position: relative;
}
.banner-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 1;
  padding: 0 33px;
}
.banner-fluid .width100 {
	object-fit: cover;
}
.hero-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
.hero-seasons {
	font-size: 14px;
	font-family: Inter;
	font-weight: 400;
	line-height: 17px;
	color: #d1d0cf;
}
.meta-separator {
  width: 4px;
  height: 4px;
  background-color: #6c757d;
  border-radius: 2px;
  margin: 0 8px;
}
.hero-date {
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 17px;
  color: #d1d0cf;
}
.hero-description {
	font-size: 15px;
	font-family: Inter;
	font-weight: 400;
	line-height: 26px;
	color: #d1d0cf;
	margin-bottom: 30px;
	width: 100%;
}
.play-button {
	display: flex;
	align-items: center;
	gap: 12px;
	background-color: #e50914;
	border: 1px solid #e50914;
	border-radius: 20px;
	padding: 12px 20px 12px 46px;
	color: #ffffff;
	font-size: 14px;
	font-family: Inter;
	font-weight: 400;
	line-height: 17px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s ease;
	position: relative;
	/*max-width: 148px; */
	max-width: 175px; 
}
.play-button:hover, .play-button:focus{
  color: #fff; background-color: #b8070f;
	border: 1px solid #b8070f;
}
.play-button::before {
  content: '';
  position: absolute;
  left: 20px;
  width: 12px;
  height: 14px;
  background-image: url('../images-new/img_symbol.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.clip-text {
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: url('../images-new/Breaking-Bad.png');
  background-size: cover;
  background-position: center;
  text-transform: uppercase;
  background-repeat: repeat;
}
.banner-left {
  max-width: 480px;
}
.hero-content h2 {
	margin-bottom: 25px;
}
.trailer-text {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-left: 15px;
}
.hero-trailer {
  margin-left: 110px;
  display: flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}
.owl-carousel .owl-item img.trailer-icon {
  width: 57px;

}
.owl-carousel.owl-bannerMain .owl-item::before {
	content: "";
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.72;
  z-index: 2;
}
.owl-carousel.owl-bannerMain .owl-item.active::before{
 display: none;
}
.owl-bannerMain .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translateY(-50%);
}
.owl-bannerMain .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: 4%;
  transform: translateY(-50%);
}
.owl-bannerMain .owl-nav span {
	font-size: 80px;
	color: #fff;
}

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.section-title-container {
  display: flex;
  align-items: center;
  gap: 32px;
  width: 100%; margin-right: 10px;
}
.title-accent {
  height: 1px;
  width: 100%;
  background: #6e6566;
  position: relative;
}
.title-accent::before {
  content: "";
  height: 10px;
  width: 67px;
  background: #e50913;
  position: absolute;
  left: 0;
  top: -4px;
}
.section-filters {
  display: flex;
  gap: 20px;
  align-items: center;
  white-space: nowrap;
}
.filter-item {
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  color: #6e6868;
  text-decoration: none;
  transition: color 0.3s ease;
}
.filter-item.active, .filter-item:hover {
  color: #e50914;
}
.content-section {
  padding: 62px 0;
}
.cat-home-section {
  padding: 35px 0;
}
h6.music-name {
    color: #fff;
	max-width: 230px;
    word-wrap: break-word;
	padding-left: 65px;
	padding-top: 20px;
}
.owl-movie .owl-stage-outer .owl-stage {
  left: -58px;
}
.movie-card-img img {
  border-radius: 5px;
}
.watch-trailer-btn {
  position: absolute;
}
.movie-card-img {
	position: relative; border-radius: 5px; overflow: hidden;
}
.movie-card-img::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(229, 9, 19, .4);
  width: 100%;
  height: 100%;
  opacity: 0;
}
.movie-title {
	margin-top: 10px; margin-bottom: 10px;
}
.movie-timing img {
	width: 14px !important;
	height: 14px !important;
	margin-right: 6px;
}
.movie-timing {
	background: #1a1a1a;
	display: flex;
  align-items: center;
  justify-content: center;
	color: #fff;
	font-size: 14px;
	padding: 5px 14px;
  border-radius: 0 0 5px 5px
}
.freemium-section .movie-card-img, .freemium-section .movie-card-img img {
	border-radius: 5px 5px 0 0;
}
.freemium-section.freemium-section-two .movie-card-img, .freemium-section.freemium-section-two .movie-card-img img {
	border-radius: 5px;
}
.ribbon {
    width: 130px;
    height: 80px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0px;
}
.ribbon span {
    position: absolute; z-index: 1;
    display: block;
    width: 100%;
    padding: 0px 0;
    background-color: #e50913;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.ribbon span {
    right: 45px;
  top: 6px;
    transform: rotate(-45deg);
}
.share-tag {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 1;
}
.share-tag a {
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,.5);
	border-bottom-left-radius: 5px;
}
.share-tag img{ width: 20px !important; height: 20px; }
.watch-trailer-btn {
	position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translatey(-50%);
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 4px;
  opacity: 0;
  text-align: center;
  margin: 0 auto;
  right: 0;
}
.watch-trailer-btn .trailer-icon-small {
  width: 60px !important;
  display: inline-block !important;
}
.watch-trailer-btn .trailer-label {
  display: inline-block;

}
.movie-card-img:hover::after, .movie-card-img:hover .watch-trailer-btn {
  opacity: 1; color: #fff;
}
.movie-card-img .movie-poster {
  height: 290px; object-fit: cover; transition: all 0.5s;
}
.movie-card-img:hover .movie-poster{
  transform: scale(1.1);
}


.plan-section {
  background-color: #1a1a1a;
  color: #fff; padding: 36px 0 45px;
}
.ulmd-plans {
  max-width: 1113px;
  margin: 0 auto;
  background-color: #000;
  border-radius: 30px;
  padding: 34px 50px; margin-bottom: 50px;
}
.row.row-subscription-content {
  align-items: center;
}
.subscription-text h4 {
  margin: 0px 0 20px; max-width: 400px;
}
.subscription-description {
  margin-bottom: 0;
  font-size: 12px; max-width: 340px;
}
.subscription-plans {
  display: flex; justify-content: end;
  align-items: start;gap: 30px;
}
.plan-card {
  background-color: #1a1a1a;
  border: 1px solid #e50913;
  border-radius: 15px;
  padding: 16px; min-width: 194px;
}
.plan-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #ffffff;
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
  border-top-color: rgb(255, 255, 255);
  border-right-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  border-left-color: rgb(255, 255, 255);
  border-radius: 30px;
  padding: 5px 14px;
  margin-bottom: 18px;
  width: fit-content;
  font-size: 9px;
}
.plan-badge .badge-text {
  margin-left: 5px;
}
.plan-price {
  display: flex;
  align-items: baseline;
  gap: 3px;
  margin-bottom: 10px;
}
.price-amount {
  font-size: 31px;
  font-weight: 600;
  line-height: 39px;
  color: #ffffff;
}
.price-period {
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  line-height: 16px;
  color: #d9d9d9;
}
.plan-features {
  font-size: 9px;
  font-weight: 500;
  line-height: 12px;
  color: #999999;
  margin-bottom: 18px;
}
.plan-button {
  background-color: #e50914;
  border: 1px solid #e50914;
  border-radius: 20px;
  padding: 11px 18px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
  width: 100%;
  transition: all 0.3s ease;
  width: fit-content;
}
.plan-button.outline {
  background-color: transparent;
  color: #e50914;
}
.plan-button.outline:hover, .plan-button:hover{
  background-color: #b8070f; color: #fff; border-color: #b8070f;
}
.mtrdg-movies{
  padding-top: 25px;
}
.owl-mtrdg-movies.oc-next-prev-button .owl-nav button{
  background-color: rgba(255,255,255,.2) !important;
}
.owl-mtrdg-movies.oc-next-prev-button .owl-nav button.owl-next{
  right: 25px;
}
.recommended .plan-features {
  margin-bottom: 33px;
}
.recommended .plan-badge {
  background-color: #fff;
  color: #e50913;
  border-color: #e50913;
}
.plan-card.recommended {
  background-image: url(../images-new/img_image.png);
  background-color: #100a0a;
  background-repeat: no-repeat;
  background-position: top right;
}
.section-title {
  white-space: nowrap;
}
.mtrdg-movies .container {
  max-width: 87.2%;
  margin: 0;
  padding: 0;
}
.mtrdg-img {
  overflow: hidden;
  height: 270px;
  border-radius: 3px;
  margin-left: 68px;
  position: relative;
}
.mtrdg-img img {
  height: 100%;
  transition: all 0.5s; object-fit: cover;
}
.mtrdg-img img:hover {
  transform: scale(1.1);
}
.mtrdg-count {
    position: relative;
  font-size: 128px;
  font-weight: 700;
  color: #fff;

    @supports (-webkit-text-stroke: 1px white) {
        color: transparent;
        -webkit-text-stroke: 1px white;
    }
}
.mtrdg-count-outer {
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
}
.mtrdg-count::before {
  content: "";
  position: absolute;
  background-image: url(../images-new/mtrdg-blur.png);
  width: 222px;
  height: 203px;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
}
.freemium-section-two .movie-card-img:after{
 display: none;
}
.artist-section {
  background-image: url('../images-new/img_unsplash_qrghuf5yta4.png');
  background-size: cover;
  background-position: center;
  padding: 38px 0;
  position: relative;
}
.artist-avatar {
  width: 190px;
  height: 190px;
  margin-bottom: 20px;
  border-radius: 50%;
  border: 2px solid #e50914;
  position: relative;
  overflow: hidden;
}
.artist-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.artist-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  color: #000000;
}
.artist-card-outer {
  display: flex;
  justify-content: center;
}
.artist-subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #19272e;
  margin-bottom: 52px;
  margin-top: -30px;
}
.games-section {
  padding: 58px 0;
}
.games-grid.row, .games-grid.row .row {
  margin-left: -10px;
  margin-right: -10px;
}
.games-grid.row  .col-sm-12.col-md-4{
 width: 32.7%;
  padding-left: 10px;
  padding-right: 10px;
}
.games-grid.row .col-sm-12.col-md-8{
width: 67.3%;
  padding-left: 10px;
  padding-right: 10px;
}
.gallary-img {
  margin-bottom: 20px; overflow: hidden; border-radius: 4px;
}
.gallary-img img{
  transition: all 0.3s ease;
}
.gallary-img:hover img{
  transform: scale(1.1);
}
.games-grid.row .row .col-sm-12.col-md-3{
padding-left: 10px;
  padding-right: 10px;
}
.gallary-img.gi-big {
  position: relative;
  padding-bottom: 122.6%;
}
.gallary-img {
  position: relative;
  padding-bottom: 119.8%;
}
.games-featured, .games-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; object-fit: cover;
}

.tv-show-section {
  background-color: #1a1a1a;
  background-image: url('../images-new/img_image_284x1386.png');
  background-size: cover;
  background-position: center;
  padding: 40px 24px;
  border-radius: 4px;
  margin: 58px 0;
  color: #fff;
}
.category-outer.owl-tv-category {
  padding: 0 32px;
}
.category-card {
  min-width: auto;
  min-height: 124px;
  border-radius: 10px;
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: flex-end;
  padding: 14px 18px; overflow: hidden;
  background-color: #ec461e;
}
.category-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  z-index: 2; color: #000;
}
.category-images {
  position: absolute;
  bottom: -20px;
  right: 22px;
  left: auto;
}
.category-bg {
  width: 94px;
  height: 116px;
  border-radius: 5px;
}
.category-person-img {
  position: absolute;
  top: -5px;
  left: 17px;
  width: 84px;
  height: 110px;
  border-radius: 5px;
  transform: rotate(12deg);
}
.category-person-img img{
  width: 100%;
  height: 100%;border-radius: 5px; object-fit: cover;
}
.category-count {
  margin-bottom: 0;
}
h6.category-name {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    padding: 5px 8px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6px;
}
.bg-cate-img {
  width: 80px;
  height: 106px;
  border-radius: 5px;
  display: block;
  background: #fed2d1;
  transform: rotate(-8deg);
  left: 4px;
  top: 3px;
  position: relative;
}
.category-info h6 {
  font-size: 16px;
}
.category-romance {
  background-color: #ec461e;
}
.category-romance .bg-cate-img {
  background-color: #fed2d1;
}
.category-school{
background-color: #ff78ff;
}
.category-school .bg-cate-img {
  background-color: #e63ce5;
}
.category-reality{
background-color: #5e0adc;
}
.category-reality .bg-cate-img {
  background-color: #e2dcfe;
}
.category-music{
background-color: #3dd7f1;
}
.category-music .bg-cate-img {
  background-color: #c9faff;
}
.category-international{
background-color: #ff7960;
}
.category-international .bg-cate-img {
  background-color: #ec461e;
}
.category-historical{
background-color: #fec93d;
}
.category-historical .bg-cate-img {
  background-color: #c19623;
}
.oc-next-prev-button .owl-nav {
  display: flex !important;
}
.oc-next-prev-button .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  justify-content: space-between; left: 0;
  right: 0;
}
.oc-next-prev-button .owl-nav button {
	width: 28px;
  height: 76px;
  background-color: rgba(0,0,0,.2) !important;
  position: relative;
  display: block !important;
  border-radius: 5px;
  font-size: 28px !important;
  font-weight: normal !important;
}
.oc-next-prev-button.owl-movie2 .owl-nav button {
  margin-top: -30px;
}
.owl-artist.oc-next-prev-button .owl-nav button {
background-color: rgba(255,255,255,.7) !important;
}
.owl-artist.oc-next-prev-button .owl-nav button{
margin-top: -38px;
}
.owl-tv-category.oc-next-prev-button .owl-nav button {
background-color: rgba(255,255,255,.2) !important;
}
.owl-tv-category.oc-next-prev-button .owl-nav .owl-prev, .owl-tv-category.oc-next-prev-button .owl-nav .owl-next {
  left: -24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.owl-tv-category.oc-next-prev-button .owl-nav .owl-next {
  left: auto;
  right: -24px;
}
/* Footer */
    .footer {
      background-color: #151515;
      padding: 50px 0px 0;
    }
    
    .footer-main {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 34px;
    }
    
    .footer-brand {
      display: flex;
      flex-direction: column;
    }
    
    .footer-logo {
      width: 130px;
      margin-bottom: 30px;
    }
    
    .footer-contact {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    
    .footer-email-label {
      font-size: 14px;
      font-family: Inter;
      font-weight: 400;
      line-height: 17px;
      color: #d1d0cf;
    }
    
    .footer-email {
      font-size: 14px;
      font-family: Inter;
      font-weight: 400;
      line-height: 17px;
      color: #ffffff;
    }
    
    .footer-service-label {
      font-size: 14px;
      font-weight: 400;
      line-height: 17px;
      text-transform: uppercase;
      color: #d1d0cf;
      margin: 30px 0 15px;
    }
    
    .footer-phone {
      font-size: 20px;
      font-family: Inter;
      font-weight: 600;
      line-height: 25px;
      color: #ffffff;
    }
    
    .footer-content {
      display: flex;
      gap: 30px;
      flex: 1;
      margin-left: 30px;
    }
    
    .footer-links {
      flex: 1;
    }
    
    .footer-section-title {
      font-size: 18px;
      font-family: Inter;
      font-weight: 500;
      line-height: 22px;
      letter-spacing: 1px;
      text-transform: capitalize;
      color: #ffffff;
      margin-bottom: 45px;
    }
    
    .footer-text {
      font-size: 14px;
      font-family: Inter;
      font-weight: 400;
      line-height: 1.5;
      color: #d1d0cf;
    }
    
    .footer-nav {
      display: flex;
      gap: 64px;
    }
    
    .footer-nav-section {
      display: flex;
      flex-direction: column;
    }
    
    .footer-nav-links {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    
    .footer-link {
      font-size: 14px;
      font-family: Inter;
      font-weight: 400;
      line-height: 17px;
      color: #d1d0cf;
      text-decoration: none;
      transition: color 0.3s ease;
    }
    
    .footer-link:hover {
      color: #e50914;
    }
    
    .newsletter-section {
      display: flex;
      flex-direction: column;
    }
    
    .newsletter-form {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    
    .newsletter-input {
      background-color: #191919;
      border: none;
      border-radius: 2px;
      padding: 16px 20px;
      color: #d9d5d5;
      font-size: 14px;
      font-family: Inter;
      outline: none;
    }
    
    .newsletter-button {
      background-color: rgb(229, 9, 20);
    border: 1px solid rgb(229, 9, 20);
    border-radius: 4px;
    padding: 15px 24px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: fit-content;
      transition: all 0.3s ease;
    }
    
    .newsletter-button:hover {
      background-color: #b8070f;
    }
    
    .social-section {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-top: 64px;
    }
    .footer-text br {
  margin-bottom: 15px;
}
    .social-label {
      font-size: 14px;
      font-weight: 400;
      line-height: 17px;
      color: #ffffff;
    }
    
    .social-icon {
      width: 34px;
      height: 34px;
      background-color: #252525;
      border-radius: 16px;
      padding: 10px;
      transition: all 0.3s ease;
    }
    
    .social-icon:hover {
      background-color: #e50914;
      transform: scale(1.1);
    }
    
    .footer-bottom {
      background-color: #151515;
      border-top: 1px solid #262525;
      padding: 34px 0px;
      text-align: center;
    }
    
    .footer-copyright {
      font-size: 14px;
      font-weight: 400;
      line-height: 21px;
      text-align: center;
      color: #d1d0cf;
      margin-top: 12px;
      max-width: 730px;
  margin: 0 auto;
    }
    
    .copyright-brand {
      color: #e50914;
    }
    .col-md-3.col-footer-one {
  width: 20%;
}
.col-md-4.col-footer-two {
  width: 40%;
}
.col-md-2.col-footer-three {
  width: 20%;
}
.col-md-3.col-footer-four {
  width: 20%;
}

.freemium-section  .movie-title {
	 max-width: 230px; word-wrap: break-word;
}
.freemium-section-two.freemium-section .movie-title {
	 max-width: 100%;
}
.mydownloads_btn a {
    color: #e50914;
}

//* ===============================
   CATEGORY PAGE MAIN WRAPPER
================================ */
.category_page {
    background: #0e0e0e;
    padding: 20px 0 40px;
    color: #ffffff;
    font-family: Arial, sans-serif;
}

.category_page .container {
    max-width: 1200px;
    margin: auto;
    padding: 0 12px;
}

/* ===============================
   BANNER
================================ */
.category_page .banner img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 30px;
    object-fit: cover;
}

/* ===============================
   SECTION TITLE (CENTERED)
================================ */
.page-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
	margin-top: 20px;
    text-align: center;
}

.page-title .section-title {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.page-title .title-accent {
    width: 60px;
    height: 3px;
    background: #ff3d00;
    margin-top: 8px;
    border-radius: 4px;
}

/* ===============================
   VIDEO GRID (3 PER ROW)
================================ */
.category_page .category_videos_show {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* ===============================
   VIDEO CARD
================================ */
.category_page .category_videos_show_one {
    background: #151515;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category_page .category_videos_show_one:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.6);
}

/* ===============================
   VIDEO IMAGE
================================ */
.category_page .category_videos_show_one_image {
    position: relative;
}

.category_page .category_videos_show_one_image img {
    width: 100%;
    height: 185px;
    object-fit: cover;
}

/* NEW TAG */
.category_page .newtag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ff3d00;
    color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 5px;
}

/* SHARE ICON */
.category_page .share {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 32px;
    height: 32px;
    background: rgba(0,0,0,0.65);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
}

/* ===============================
   VIDEO TEXT
================================ */
.category_page .category_videos_show_one_text {
    padding: 12px;
}

.category_page .category_videos_show_one_text_title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 6px;
	color:#fff;
}

.category_page .category_videos_show_one_text_title_time {
    font-size: 12px;
    color: #bdbdbd;
}

/* ===============================
   PAGINATION (CENTERED)
================================ */
.category_page .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 40px 0 10px;
}

.category_page .pagination .back {
    width: 36px;
    height: 36px;
    background: #222;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
}

.category_page .pagination .pages {
    font-size: 14px;
    color: #aaa;
}

.subprocess_page {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", sans-serif;
}

.subprocess_page .content_title {
    text-align: center;
    margin-bottom: 20px;
	padding-top:10px;
}

.subprocess_page .category_title_inner {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.subprocess_page_warn {
	background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    border-radius: 14px;
    padding: 30px 25px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.subprocess_page_warn h2 {
    font-size: 22px;
    color: #e63946;
    margin-bottom: 12px;
}

.subprocess_page_warn p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 12px;
}

.subprocess_page_warn .highlight {
    color: #1d3557;
    font-weight: 700;
    background: #f1f5f9;
    padding: 2px 8px;
    border-radius: 6px;
}

.subprocess_page_warn a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 15px;
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    background: #e50914;
    padding: 5px 12px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.subprocess_page_warn a:hover {
    color: #fff;
    background-color: #b8070f;
    border: 1px solid #b8070f;
}

.subprocess_page_warn i {
    font-size: 14px;
}

span.category_title_inner {
    font-size: 18px;
    font-weight: 500;
}

/* =========================
   WIFI COMMON PAGE
========================= */

.wifi-page {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.wifi-page .container {
    width: 100%;
    max-width: 420px;
}

/* Inner Card */
.wifi-page-inner {
   background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    border-radius: 16px;
    padding: 30px 20px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
}



/* Table reset */
.wifi-page table {
    width: 100%;
    border-collapse: collapse;
}

/* Labels */
.wifi-page td {
    padding: 6px 0;
    color: #fff;
}

/* Input field */
#wifi-page input,
#msisdn {
    width: 100%;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 14px;
    outline: none;
}

#msisdn:focus {
    border-color: #403a60;
    box-shadow: 0 0 0 2px rgba(64, 58, 96, 0.15);
}

/* Submit button override */
#Button6 {
    background: #e50914;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 12px 22px !important;
    border: none !important;
    cursor: pointer;
    transition: 0.3s ease;
}

#Button6:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
	color: #fff;
    background-color: #b8070f;
    border: 1px solid #b8070f;
}

/* =========================
  Confirmation PAGE
========================= */
/* Image / Video Wrapper */
.content_title {
    padding-top: 10px;
    padding-bottom: 25px;
}

.confirmation_page_image {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* Image & Video */
.confirmation_page_image img,
.confirmation_page_image video {
    width: 100%;
    max-width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #403a60;
    background: #000;
}
.confirmation_page_title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding: 12px 15px 6px;
    text-align: center;
}
.confirmation_page_warn {
    background: #f6f7fb;
    margin: 10px 15px;
    padding: 14px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #444;
}

.confirmation_page_warn a {
    color: #403a60;
    font-weight: 600;
    text-decoration: none;
}
.confirmation_page .download_button {
    background: linear-gradient(135deg, #403a60, #1d2671);
    color: #fff;
    text-align: center;
    margin: 14px 15px;
    padding: 14px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.confirmation_page .download_button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}
.confirmation_page .share_bar {
    margin-top: 25px;
    padding: 15px 0 25px;
    border-top: 1px solid #eee;
}

.confirmation_page .social-share {
    display: flex;
    justify-content: center;
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.confirmation_page .social-share li a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    border-radius: 50%;
    font-size: 18px;
    color: #555;
    transition: 0.3s ease;
}

.confirmation_page .social-share li a:hover {
    background: #403a60;
    color: #fff;
}
.social-share .whatsapp { color: #25d366; }
.social-share .twitter { color: #1da1f2; }
.social-share .facebook { color: #1877f2; }
.social-share .sms { color: #555; }

/* =========================
  Content PAGE
========================= */
.content-page {
  background: #f9f9f9;
  padding: 40px 0;
}

.content-page .container {
  max-width: 900px;
  background: #ffffff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}



.content-page h2 {
  font-size: 18px;
  margin-top: 25px;
  color: #111;
}

.content-page p {
  font-size: 14.5px;
  line-height: 1.8;
  color: #555;
  margin-top: 10px;
}

.content-page ul {
  padding-left: 20px;
  margin-top: 10px;
}

.content-page ul li {
  font-size: 14.5px;
  color: #555;
  margin-bottom: 8px;
  list-style-type: inherit;
}