.main-banner-section
	 {
	    min-height: 780px;
		display: flex;
		justify-content: space-around;
		align-items: center;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/hero-image.webp');
		background-repeat: no-repeat;
		background-size: cover;
	 }


	.main-banner-section h1
	{
		font-size: 75px;
		color: #fff;
		font-weight: bold;
		 
		padding-top: 160px;
		text-align: center;
	}

	.subscribe-package-section
	{
		background: #8DC63F;
		justify-content: center;
		align-items: center;
		padding: 34px 20px 40px 20px;
	}

	.supported-device-section
	{
		background: #fff;
		justify-content: center;
		align-items: center;
		 
	}


	.supported-device-left h3
	{
			font-size: 60px;
		color: #000;
		font-weight: 600;
		padding-top: 35px;
		text-align: left;
		float: left;
		display: block;
		width: 100%;
	}

	.supported-device-section
	{
		display: flex;
		 
	}

	.supported-device-two-sections
	{
		display: flex;
		   padding: 0px;
	}

	.supported-device-two-sections
	{
		display: flex;
		width: 100%;
	}

	.supported-device-left
	{
		width: 50%;
		float: left;
		padding: 100px 20px;
	}


	.supported-device-right
	{
		width: 50%;
		float: left;
		padding: 140px 41px;
		background: #8DC63F;
	}

	.supported-device-right img
	{
		 max-width: 80%;
	}

	@media screen and (max-width: 767px) {
		.watch-img
		{
			    max-width: 33px !Important;
		}
		.supported-device-right img
		{	
			max-width: fit-content;
			width: 100%;
		}
		
		.supported-device-left h3
		{
		 font-size: 40px;
		}
		
		.supported-device-two-sections
		{
				display: block;
		}
		
		.supported-device-left
		{
			width:100%;
		}
		
		.supported-device-right
		{
			width:100%;
		}
		
		.supported-device-left{
			padding: 40px 20px;
		}
		
		.supported-device-right{
				float: left;
				padding: 40px 20px;
				background: #8DC63F;
				text-align: center;
		}
		
		.why-us-right
		{
				padding: 40px 28px;
		}
	  }


	.subscribe-package-section h2
	{
		font-size: 62px;
		color: #fff;
		font-weight: 600;
		padding-top:35px;
		text-align: center;
	}

	.subscribe-two-sections{
			max-width: 800px;
		margin: 0 auto;
		display: flex;
		gap: 20px;
	}

	.subscribe-inner-section
	{
		   width: 50%;
		min-height: 650px;
		background-position: center;
			background-image:url('../images/Mobile-background.webp');
				background-repeat: no-repeat;
		background-size: contain;
			padding: 83px 10px;
				text-align: center;
	}

	.subscribe-inner-section h3
	{
		font-size: 32px;
		text-align: center;
		max-width: 200px;
		margin: 0 auto;
		color: #fff;
	}

	.subscribe-inner-section h4
	{
		font-size: 22px;
		text-align: center;
		max-width: 200px;
		margin: 0 auto;
		color: #fff;
		padding-top: 2px;
	}

	.subscribe-inner-section p
	{
		font-size: 15.5px;
		text-align: center;
		max-width: 230px;
		margin: 0 auto;
		color: #fff;
		padding: 34px 8px;
		font-family: 'Gotham-Book';
	}

	.subscribe-inner-section h5
	{
		font-size: 18px;
		text-align: center;
		max-width: 230px;
		margin: 0 auto;
		color: #fff;
		padding-top: 2px;
		padding: 50px 8px;
	}

	.subscribe-inner-section button
	{
		width: 100%;
		max-width: 212px;
		margin: 0 auto;
		line-height: 35px;
		color: #fff;
		font-size: 17.6px;
		background: #8dc63f;
		border: 2px solid #8dc63f;
		border-radius: 54px;
		padding: 7px;
		margin-bottom: 22px;
		font-family: 'Gotham-Book';
		font-weight: 600;
		letter-spacing: 0.6px;
	}


	.why-us-two-sections
	{
		display: flex;
	   
	}

	.why-us-left
	{
			width: 50%;
			    float: left;
    display: flex;
    align-items: flex-end;
	}

	.why-us-left img
	{
			width: 100%;
			background:#fff;
	}

	.supported-device-left p{
		font-size: 21px;
		max-width: 390px;
		line-height: 27px;
		color: #000;
		font-family: 'Gotham-Book';
	}

	.watch-img
	{
		max-width: 73px;
		margin: 24px 12px 23px 0px;
		margin-left: 0px;
	}

	.why-us-right{
			width: 50%;
		
		float: left;
		background: #8DC63F;
			padding: 28px 28px 28px 28px;
			    display: flex;
    flex-direction: column;
    justify-content: center;
	}

	.why-us-right h3
	{
			color: #000;
		text-align: center;
		font-size: 40px;
		font-weight: 700;
		padding-bottom: 4px;
		margin-bottom: 12px;
	}

	.why-us-right p
	{
		color: #000;
		font-size:19.8px;
	    font-family: 'Gotham-Book';	
	}

	.header-text
	{
		text-align:center;
		padding-bottom: 20px;
	}

	.now-streaming-section
	{
		padding: 55px 20px 50px 20px;
		display: flow-root;
		max-width: 1300px;
		margin: 0 auto;
	}

	.now-streaming-section h3
	{
		color: #000;
		text-align: left;
		font-size: 58px;
		font-weight: 700;
		padding-bottom: 4px;
	}


	.now-streaming-inner-sections img
	{
		 margin-bottom:22px;
	}

	.now-streaming-inner-sections .img-1
	{
		 width:68%;
		 float:left;
		 height: 292px;
		 margin-right:3%;
		 object-fit: cover;
		 object-position: 0% 0%;
	}

	.now-streaming-inner-sections .img-2
	{
		 width:29%;
		 float:left;
			 height: 292px;
	 object-fit: cover;
		 object-position: 50% 0%;
	}


	.now-streaming-inner-sections .img-3
	{
		 width:29%;
		 float:left;
			height: 292px;
	 margin-right:3%;
	  object-fit: cover;
	  object-position: 0% 83%;
		 
	}

	.now-streaming-inner-sections-2
	{
			float: right;
		width: 28%;
	}

	.now-streaming-inner-sections
	{
			width: 70%;
		float: left;
	}


	.now-streaming-inner-sections .img-4
	{
			width: 68%;
		float: left;
		height: 292px;
		object-fit: cover;
	object-position: 0% 56%;
	}

	.now-streaming-inner-sections-2 .img-5
	{
		 width:100%;
		 float:left;
		height: 606px;
		object-fit: cover;
		 object-position: 50% 0%;
		  border-radius:20px;
	}

	.now-streaming-inner-sections img
	{
			border-radius:20px;
			
	}
	 
	 
	.now-streaming-inner-sections img:hover
	{
		 
	}


	::marker
	{
		font-size:25px;
	}

 
	/* Mobile */ 
	@media screen and (max-width: 666px) and (min-width:350px) {
		.subscribe-two-sections
		{
			display: block;
		}
		
		.subscribe-inner-section
		{
			width: 100%;
			max-width: 316px;
			margin: 0 auto;
		}
		
		.subscribe-inner-section h3{
				font-size: 26px;
		}
		
		.subscribe-package-section h2{
				font-size: 42px;
		}
		
		.subscribe-package-section{
				padding: 50px 20px;
		}
		
		.why-us-right h3
		{
			 font-size: 31px;
		}
	}

	@media screen and (max-width: 767px) {
	    
	    .supported-device-left p{
		font-size: 21px;
	 
	}
	    
		.header-text button
		{
			    font-size: 27px;
		}
		.now-streaming-inner-sections
		 {
			width:100%;
		 }

		 .now-streaming-inner-sections-2
		 {
	 
			width: 100%;
		 }

		 .now-streaming-inner-sections .img-1
		 {
			width: 100%;
			height: auto;
			border-radius: 12px;
			object-position: 48% 0%;
		 }

		 .now-streaming-inner-sections .img-2
		 {
			width: 49%;
			height: 220px;
			border-radius: 12px;
		 }

		 .now-streaming-inner-sections .img-3
		 {
			width: 49%;
			height: 220px;
			border-radius: 12px;
            object-position: 22% 83%;
			margin-left: 2% ! IMPORTANT;
			margin: 0px;
		 }

		 .now-streaming-inner-sections .img-4
		 {
			width: 100%;
			height: auto;
			border-radius: 12px;
			    object-position: 28% 30%;
		 }

		 .now-streaming-inner-sections-2 .img-5
		 {
		     object-position: 50% 59%;
             border-radius: 12px;
             height: auto;

		 }


		.main-banner-section
		{
				min-height: 500px;
				display:block;
		}
		
		.main-banner-section h1
		{
			font-size: 42px;	
			padding-top: 170px;
		
		}
		
		.header-text button{
			font-size: 19px;
			margin-top: 35px;
		}
	   
		header .container
		{
			width: 99%;	
				padding: 7px 14px;
		}
		
		header
		{
				top: 25px;
		}
		.footer-section-1 img
		{
				width: 100%;
		max-width: 300px;
		}
		
		.footer-section-1
		{
		  width:100%;
		}
		
		 
		
		.footer-section
		{
				display: flex;
		}
		
		.now-streaming-section h3
		{
			 font-size: 35px;
		}
		 
			.subscribe-two-sections
		{
			display: block;
		}
		
		.subscribe-inner-section
		{
			width: 100%;
			max-width: 316px;
			margin: 0 auto;
		}
		
		.subscribe-inner-section h3{
				font-size: 26px;
		}
		
		.subscribe-inner-section
		{
				min-height: 549px;
					padding: 56px 10px;
		}
		
		.subscribe-package-section h2{ 
			font-size: 35px;
			        line-height: 1.1em;
		}
		
		.subscribe-package-section
		{
				padding: 50px 20px;
		}
		
		.why-us-right h3
		{
			 font-size: 31px;
		}
		
		.why-us-two-sections
		{
				display: block;
		background: #8DC63F;
		}
		
		.why-us-left
		{
				width: 100%;
			float: left;
		}
		
		.why-us-two-sections h3
		{
			 font-size: 31px;
		}
		
		.why-us-right
		{
				width: 100%;
				background: #8DC63F;
		}
			
	}
	
	
	
	@media screen and (max-width: 1024px) and (min-width: 768px) {
		
		.now-streaming-inner-sections .img-1
		{
			    object-position: center !Important;
				    height: 242px;
		}
		
		.now-streaming-inner-sections .img-2
		{
			    object-position: center !Important;
				    height: 242px;
		}
		
		.now-streaming-inner-sections .img-3
		{
			    object-position: center !Important;
				    height: 242px;
		}
		
		.now-streaming-inner-sections .img-4
		{
			    object-position: center !Important;
				    height: 242px;
		}
		
		.now-streaming-inner-sections-2 .img-5
		{
			    height: 505px;
		}
		
		
		.subscribe-package-section h2
		{
			    font-size: 45px;
				    height: 242px;
		}
		
		.supported-device-left h3
		{
			  font-size: 45px;
		}
		
	}



	@media screen and (min-width: 768px) {
	.sticky-image
		{	
			position: fixed;
			right: -7px;
			width: 250px;
		}
		
		.main-banner-section .placeholder
		{
			display:none !important;
		}
	}