body {
			overflow-x: hidden;
			max-width: 100vw;
	
		}
		.section_full_h
		{
			overflow-y: hidden;
			
		}
		


		/* --- Section layout --- */
		.section-container {
		  display: flex;
		  justify-content: center;
		  align-items: center;      
		  padding: 0 50px;
		  box-sizing: border-box;
		  overflow: hidden;
		  height: calc(100vh - 85px);
		  padding-top: 0px;
		  top: 0; left:0;
		  margin-top: 0px;
		  position: absolute;
		  flex-direction: column;
		  
		}

		.content {
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  gap: 25px;
		  width: 100%;
		  max-width: calc(100vw - 100px);
		  box-sizing: border-box;
		  /* hmmm 
		  aspect-ratio: 15 / 10;
		   */
		}

		/* Maintain 16:9 ratio */
		.video-wrapper {
		  width: 100%;
		  aspect-ratio: 16 / 9;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  /* max-height: calc(100vh - 274px); /* ensure room for text */
		  max-width: 1800px;
		  
		}

		.video-wrapper iframe {
		  width: 100%;
		  height: 100%;
		  border: none;
		}

		/* Text box styles */
		.text-box {
		  display: flex;
		  flex-direction: column;
		  width: calc(100vw - 100px);
		
		}

		.text-box h2 {
		  margin: 0 0 8px;
		  font-size: 1.8rem;
		}

		.text-box p {
		  margin: 0;
		  font-size: 1rem;
		  line-height: 1.5;
		}

		/* Responsive tweaks */
		@media (max-width: 768px) {
		  .section-container {
		    padding: 0 20px;
			width:100vw;
		  }
		  .text-box h2 {
		    font-size: 1.4rem;
		  }
		  .text-box p {
		    font-size: 0.95rem;
		  }
		  
  		.content {
  		  display: flex;
  		  flex-direction: column;
  		  align-items: center;
  		  gap: 25px;
  		  width: 100%;
  		  max-width: calc(100vw - 40px);
  		  box-sizing: border-box;
		  
		  
  		}
		
		.text-box {
	
		    width: calc(100vw - 40px);
		}
		
		  
		}

		.homehidetemp {
			display:none;
			height: 0;
		}
		/* older code */
		
		
		.button__nxtprv.pvnxt, .button__nxtprv.pvprev {
		position: absolute;
		margin-top: calc( -1 * (100vh / 2 - 17px ));
		margin-top: calc((100vh / 2) - 85px );
		margin-top: calc((100vh / 2) - 42px )


		}

		.button__nxtprv.pvnxt:hover, .button__nxtprv.pvprev:hover {

		z-index: 1050;

		}

		.button__nxtprv.pvnxt {
		right:7px;

		}


		 .button__nxtprv.pvprev {
		left:7px
		}
		
		
		.preview__overlay {
		  position: fixed;
		  inset: 0;
		  background: rgba(0, 0, 0, 0.7);
		  opacity: 0;
		  visibility: hidden;
		  transition: opacity 0.6s ease;
		  z-index:1040;
		}
		

		/* Default: slide in from right */
		.preview__box {
		  position: absolute;
		   margin-top: -160px;
		  right: -425px;
		  width: 418px;
		  min-height: 350px;
		  display: flex;
		  flex-flow: column;
		  justify-content: flex-start;
		  align-items: flex-start;      
		  text-align: left;
		  transition: right 0.5s ease, opacity 0.2s ease;
		  opacity: 0;
		  z-index: 1070;
		  color: white;
		}

		/* Variant: slide in from left */
		.preview__box.prev {
	
		  left: -425px;
		  right: auto; /* prevent conflict */
		  text-align: right;
		  transition: left 0.5s ease, opacity 0.2s ease;
		  z-index: 1060;
		  align-items: flex-end;       /* push content to the right side */
  
		}

		.preview__box img {
			object-fit: cover;
			width:375px;
			height:252px;
		}
		
		
		/* Hover in from right */
		a:hover .preview__box {
		  right: 0;
		  opacity: 1;
		}

		/* Hover in from left */
		a:hover .preview__box.prev {
		  left: 0;
		  opacity: 1;
  
		}
		p.smallprint {
			color: #fff;
			margin-bottom: .2rem;
	
		}
		a.button__nxtprv:hover {
		transition: all 0.8s ease
		}
		a.button__nxtprv:hover #Vector{
		fill: black !important;
		transition: all 0.8s ease
		}
		a.button__nxtprv:hover #Vector_2{
		fill: white !important;
		transition: all 0.8s ease
		}
		
	   

		@media screen and (max-width:900px) {
		.hold {
				    max-width: 100%
		}

		  .tpcalc {

		margin-top: calc( (((100vw - 50px) * .6) / 2) - 184px ) !important

		  }

		.button__nxtprv.pvnxt, .button__nxtprv.pvprev {
		bottom: 50px

		}

		.button__nxtprv.pvnxt {
		right:40vw;

		}


		 .button__nxtprv.pvprev {
		left:40vw;
		}

		.preview__overlay, .preview__box  {

		display:none !important}

		.desk {
		display:none !important
		}

		.mob {
		display:block!important
		}

		}

		.desk {
		display:block 
		}

		.mob {
		display:none
		}


	    .section-container {
  	
	  	
	    }
		
	    .section-container {
			margin-top: 85px;
  	
	    }
		
		
		/*
	    @media screen and (max-height:900px) {
	    (min-aspect-ratio: 16/9) and 
  */
@media screen and (max-height:1130px) {
  
  
			iframe.video, .video-wrapper {
				/*height: 80vh !important;*/
				width: calc(80vh * 1.77) ;
				max-width: calc(100vw - 100px);
				
				
			}
			 .video-wrapper {
			width: calc(80vh * 1.77) ;
			max-width: calc(100vw - 100px);
		}	
	  	 
	    }
		
		
		@media screen and (width: 1800px) and (height: 1200px) {
		
			iframe.video, .video-wrapper {
				height: 80vh !important;
				width: calc(80vh * 1.77) ;
				max-width: calc(100vw - 100px);
				
				
			}
			 .video-wrapper {
			width: calc(80vh * 1.77) ;
			max-width: calc(100vw - 100px);
		}	
		
		}
		
	
		
	 

		
		
		
	    @media screen and (max-height:1000px) {
  
		  
  
	  	 
		 
		 
		 
	    }