/* iduladha */
.plan-container#iduladha {
    background-image: url(../images/theme/iduladha/iduladha.jpg);
    background-image: url(../images/theme/iduladha/iduladha.jpg);
  }
  .plan-container#iduladha .plan-name,
  .plan-container#iduladha a.cta,
  .plan-container#iduladha .pack-name,
  .plan-container#iduladha #channels h1.title,
  .plan-container#iduladha #channels .ch-list h3,
  .plan-container#iduladha #channels .ch-list ul li.hd::after {
    background: linear-gradient(
      345deg,
      rgb(11, 131, 68) 0%,
      rgb(16, 236, 133) 100%
    );
  }
  .plan-container#iduladha #ala-carte {
    background: linear-gradient(
      345deg,
      rgba(11, 131, 68, 0.65) 0%,
      rgba(16, 236, 133, 0.65) 100%
    );
  }
  @media screen and (max-width: 600px) {
    .plan-container#iduladha {
      background-image: url(../images/theme/iduladha/iduladha.jpg);
    }
  }
  .featured.plan-container#iduladha .plan-name span,
  .featured.plan-container#iduladha a.cta {
    background: linear-gradient(
      345deg,
      rgb(11, 131, 68) 0%,
      rgb(16, 236, 133) 100%
    );
  }
  #gak-bisa-pelan #iduladha,
  #gak-bisa-pelan #zoom,
  #gak-bisa-pelan #power {
    background: none;
    margin: 2.5em 0;
  }
  #gak-bisa-pelan #iduladha .package {
    outline: 1px solid #0fcf73;
  }
  #gak-bisa-pelan #iduladha .pack-name {
    background: #0fcf73 !important;
  }
  /* iduladha */
	#banner #iduladha24 { 
		background-image: url(../contents/iduladha24/webbanner.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #iduladha24 {
			background-image: url(../contents/iduladha24/mobilebanner.jpg);
		}
	}

	#banner #selfcarebanner { 
		background-image: url(../contents/selfcare_banner/selfcare_banner_web.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #selfcarebanner {
			background-image: url(../contents/selfcare_banner/selfcare_banner_mobile.jpg);
		}
	}

	#banner #merdeka24 { 
		background-image: url(../contents/merdeka24/web_merdeka.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #merdeka24 {
			background-image: url(../contents/merdeka24/mobile_merdeka.jpg);
		}
	}

	#banner #promoengleag { 
		background-image: url(../contents/promo_enleag/inggris_web.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #promoengleag {
			background-image: url(../contents/promo_enleag/inggris_mobile.jpg);
		}
	}

	
	#banner #hpn { 
		background-image: url(../contents/hpn/hpn_web.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #hpn {
			background-image: url(../contents/hpn/hpn_mobile.jpg);
		}
	}

	#banner #newstreamer { 
		background-image: url(../contents/newstreamer/newstreamer_web.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #newstreamer {
			background-image: url(../contents/newstreamer/newstreamer_mobile.jpg);
		}
	}
  
  #banner #spemuda { 
		background-image: url(../contents/spemuda/spemudaweb.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #spemuda {
			background-image: url(../contents/spemuda/spemudamobile.jpg);
		}
	} 
  	#banner #natal { 
		background-image: url(../contents/natal/natal_web.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #natal {
			background-image: url(../contents/natal/natal_mobile.jpg);
		}
	}

	#banner #awaltahun { 
		background-image: url(../contents/awaltahun/awaltahun_web.png);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #awaltahun {
			background-image: url(../contents/awaltahun/awaltahun_mobile.png);
		}
	}

	#banner #imlek { 
		background-image: url(../contents/imlek2024/imlek_web.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #imlek {
			background-image: url(../contents/imlek2024/imlek_mobile.jpg);
		}
	}

    #banner #homebasebanner { 
		background-image: url(../contents/homebase/homebase_web.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #homebasebanner {
			background-image: url(../contents/homebase/homebase_mobile.jpg);
		}
	}

	#banner #ramadhan { 
		background-image: url(../contents/ramadhan/ramadhanweb.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #ramadhan {
			background-image: url(../contents/ramadhan/ramadhanmobile.jpg);
		}
	}

	#banner #promotulas { 
		background-image: url(../contents/promotujuduabelas/webbanner.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #promotulas {
			background-image: url(../contents/promotujuduabelas/mobilebanner.jpg);
		}
	}

	#banner #promovidio { 
		background-image: url(../contents/vidio/webbanner-kv.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #promovidio {
			background-image: url(../contents/vidio/mobilebanner-kv.jpg);
		}
	}

	#banner #olimpiadepromo { 
		background-image: url(../contents/olimpiadepromo/webbannerolimpiade.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #olimpiadepromo {
			background-image: url(../contents/olimpiadepromo/mobilebannerolimpiade.jpg);
		}
	}

	#banner #vidionew { 
		background-image: url(../contents/vidionew/vidionewweb.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #vidionew {
			background-image: url(../contents/vidionew/vidionewmobile.jpg);
		}
	}

	 

	#banner #promopancasila { 
		background-image: url(../contents/pancasila/webbanner.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #promopancasila {
			background-image: url(../contents/pancasila/mobilebanner.jpg);
		}
	}


	#banner #idulfitri2024 { 
		background-image: url(../contents/idulfitri2024/webbanner.jpg);
	}
	
	@media screen and (max-width: 600px) {
		 #banner #idulfitri2024 {
			background-image: url(../contents/idulfitri2024/mobilebanner.jpg);
		}
	}

	#banner #speedup { 
		background-image: url(../contents/speedup/speedupweb.jpg);
	} 
 
	@media screen and (max-width: 600px) {
		 #banner #speedup {
			background-image: url(../contents/speedup/speedupmobile.jpg);
		}
	} 

	#banner #newselfcare { 
		background-image: url(../contents/newselfcare/web_banner.jpg);
	} 
 
	@media screen and (max-width: 600px) {
		 #banner #newselfcare {
			background-image: url(../contents/newselfcare/mobile_banner.jpg);
		}
	} 
	
	#banner #newspeedup { 
		background-image: url(../contents/new_speedup/web_banner.jpg);
	} 
 
	@media screen and (max-width: 600px) {
		 #banner #newspeedup {
			background-image: url(../contents/new_speedup/mobile_banner.jpg);
		}
	} 
	
	@media screen and (max-width: 600px) {
		#banner #ramadhan .col .imsakbtn {
			float: left; 
			margin-left:15%;
			margin-top:120%;
		}
	}

	@media screen and (min-width: 800px) {
		#banner #ramadhan .col .imsakbtn {
			float: right; 
			margin-right:0;
			margin-top:25%;
		}
	}

.hdicon{
	display: inline-block; 
	border-radius: 10px; 
	background:linear-gradient(90deg, rgba(238,0,245,1) 0%, rgb(255, 141, 232) 100%);
	color:white; 
	font-weight:bold; 
	padding: 2px 5px 2px 5px;
}


.sdicon{
	display: inline-block; 
	border-radius: 10px;  
	color:white; 
	font-weight:bold; 
	padding: 2px 5px 2px 5px;
	background: linear-gradient(90deg, rgba(42,140,0,1) 0%, rgb(160, 255, 141) 100%);
}