/* This Makes THe Pages Work, With Out it the Pages Don't Scroll */
	.pagebackgroundcolor{
		background-Color: #666666;
		width: 100%;
		height: 100%;
		display: none;
		overflow-y: auto;
		font-size: 24px;
		display: flex;
	}
	
	/* This Makes All Small Text White */
	.pagebackgroundcolor p{
		Color: white;
	}			

	/* This Makes Title Text On Secondary Page Text White */	
	.pagebackgroundcolor h2{
		Color: white;
	}
	
	/* This Makes Foots Title Text White */	
	.pagebackgroundcolor h3{
		Color: white;
	}
	
	/* This Makes all List Dots White */
	.pagebackgroundcolor li{
		Color: white;
		padding-left: 0px;
	}
	
	/* This Makes THe Foot Images White */
	.footerHeight img{
		filter: invert(100%) brightness(200%);
	}
	
	/* Styles that Secondary Pages use */
	.baseSecondaryPage{
		height: 100%; 
		width: 100%;
	}
	
	/*Needed For Main Page To Work*/
	.section {
		width: 100%;
		height: 100%;
		display: none;
		overflow-y: auto;
		font-size: 24px;
	}
	
	/* Used On Secondary Pages For UI Bar */
	.sandwichlogo{
		height: 50px;
		position: relative;
		top: -15px;
		
	}
	
	
	
	#clientCardSize{
							width: 100%; 
							}

							.clientLogoBackgroundColor{
							position: relative;
							}

							/* Slideshow container */


							/* The dots/bullets/indicators */
							.dot {
							height: 0px /*15px;*/
							width: 15px;
							margin: 0 2px;
							background-color: #bbb;
							border-radius: 50%;
							display: inline-block;
							transition: background-color 0.6s ease;
							display: none;
							}

							.active {
							background-color: #717171;
							}

							/* Fading animation */
							.fade {
							animation-name: fade;
							animation-duration: 1.5s;
							}

							@keyframes fade {
							from {opacity: .4} 
							to {opacity: 1}
							}
	
	.containerMainPage{
            position: relative;
            width: 100%;
            height: 100%;
			top: -50px;
        }
		
		.servicesMainPage{
			width: 100%;
            height: ${pageInfo.backgroundImageHeading1Height};
		}
		
		.dropdown {
		  float: right;
		  overflow: hidden;
		}

		.dropdown .dropbtn {
		  font-size: 16px;  
		  border: none;
		  outline: none;
		  color: white;
		  padding: 40px 20px;
		  background-color: inherit;
		  font-family: inherit;
		  margin: 0;
		}

		.navbar a:hover, .dropdown:hover .dropbtn {
		  color: grey;
		}
	
	
		body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            font-family: Arial, sans-serif;
        }


        

        .section.active {
            display: flex;
        }

         #section1 {
            /*background-color: ${pageInfo.backgroundColorBody};*/
			background-image: url('images/assets_images/shutterstock_154988861.png');
			  background-size: cover; /* This will make the image cover the entire container */
			  background-position: center; /* This centers the image */
			  background-repeat: no-repeat; /* Prevents the image from repeating */
        }

		.copyRightText{
			width: 100%; 
			text-align: center; 
			float: center;
			z-index: 1;
		}
	
		


		
			

		@media (min-width: 0px) and (max-width: 280px){
		
								.clientImagesLogos{
						width: 120%;
						}
						.clientLogoBackgroundColor{
						width: 100%;
						height: 200px;
						}
						.slideshow-container {
						max-width: 100%;
						position: relative;
						margin: auto;
						}
		
		.clientImagesLogos{
								width: 120%;
							}
							.clientLogoBackgroundColor{
							width: 100%;
							height: 200px;
							}
							.slideshow-container {
							max-width: 100%;
							position: relative;
							margin: auto;
							}		
		
		.secondaryPageSmallText{
			color: black; 
			text-align: left;
			font-size: 0.5rem;
		}
		
		.logoImage{
			padding-top: 30px;
			width: 70%;
			align-items: center;
			padding: 10px;
		}

		.mainLogoStyle{
			display: Block;
		}

		.choicenHeightOfTopImage{
			height: 100px;
			width: 100%;
		}
		
		.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		right: 0px;
		top: 100.2px;
		}

		.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: center;
		}

		.dropdown-content a:hover {
		background-color: #ddd;
		}

		.dropdown:hover .dropdown-content {
		display: block;
		}					

		.TopImagebackGround{
			background-image:  url('images/assets_images/Image_18.jpeg'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			width: 100%; 
			text-align: center;
			height: 100px; 
		}

		li .secondaryPageSmallText {
			padding-top: 0px;
			text-align: left;
		}


		.header3mainwrap{
			height: 850px; 
			align-items: center; 
			width: 100%;
			background-image:  url('${pageInfo.backgroundImageHeading3}'); 
			background-size: cover; 
			background-position: center; 
			background-repeat: no-repeat;
			margin: auto;
		}

		.pulsedEddyCurrentPECCardStyle{
			background-image:  url('images/assets_images/Image_02.png'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.riskBasedInspectionRBICardStyle{
			background-image:  url('images/assets_images/Image_03.jpg'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.turnaroundPlanningandCoordinationCardStyle{
			background-image:  url('images/assets_images/Image_04.jpg'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.facilityInspectionAssetIntegrityComplianceCardStyle{
			background-image:  url('images/assets_images/Image_05.jpg'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.certifiedWeldingInspectionCWIQAQCCardStyle{
			background-image:  url('images/assets_images/Image_06.png'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.fitnessForSeriveFFSAssetsIntegrityCardStyle{
			background-image:  url('images/assets_images/Image_07.png'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.serviceCardStyleImages{
			width: 100%; 
			align-items: center;
			overflow: hidden;
			height: 100px; 
		}

		.serviceCardStyleImages img{
			display: none;
		}

		.footfloatingTextBox{
			width:450px; 
			float:center;
			margin: auto;
			padding: 20px;
		}

		.footfloatingTextBox img{
			width: 40px;
			display: flex;
			float:left;
		}

		.footfloatingTextBox a{
			text-decoration: none;
		}

		.copyRightText p{
			font-size: 0.5rem;
			letter-spacing: 3px;
		} 

		.FooterTabs{
			width: 100%;
			margin: 10px;
			height: 100px;
		}

		.FooterTabs p{
			width: 70%;
		}

		.hiddenTabs{
			display: none;
		}

		.pulsedEddyCurrentPECImageMainPage{
			width: 100%; 
			align-items: center;
			overflow: hidden;
			height: 100px; 
		}

		.pulsedEddyCurrentPECImageMainPage img{
			display: none;
		}

		.serviceCardStyleDivStyle{
			height: 100px;  
			width: 100%; 
			overflow: hidden;
			text-align: left;
			padding: 4px;
			background: rgba(0,0,0,0.5);
			border-radius: 23px;
		}

		.image-container p{
			font-size: 0.7rem;
			line-height: 0.7rem;
			letter-spacing: 0rem;
			Color: white;
			display: none;
			padding-top: 0px;
			padding-right: 20px;
		}

		.image-container h3{
			font-size: 0.8rem; 
			width: 80%; 
			float: left; 
			Color: white;
			text-align: center-left;
			padding-left: 10px;
		}

		.footfloatingTextBox{
		width:500px; 
		float:center;
		margin: auto;
		padding: 20px;
		}

		.footfloatingTextBox img{
		width: 70px;
		display: flex;
		float:left;
		}

		.footfloatingTextBox a{
		text-decoration: none;
		}



		.footersidetabs{
		width: 100%; 
		height: 300px; 
		display: flex; 
		z-index: 1; 
		}

		.footersidetabs h3{
		font-size: 10px;
		text-align: left;
		}

		.footersidetabs p{
		font-size: 10px;
		padding-top: 20px;
		margin-left: 80px;
		letter-spacing: .1px;
		text-align: left;
		}



		.footerbottomtext p{
		font-size: 10px;
		}

		.footerHeight{
		width: 100%; 
		height: 800px; 
		text-align: left;
		}

		.FooterTabs{
		width: 100%;
		margin: 10px;
		}

		.servicesMainPage{
		width: 100%;
		height: 950px;
		}

		.mainImage{
		width: 100%;
		}

		h1{
		margin-top: 210px;
		font-size: 10px;
		}

		.undertitleText{
		font-size: 6px;
		letter-spacing: .1px;
		}
		
		/*Good*/
		.footfloatingTextBox{
			width: 90%; 
			float:center;
			margin: auto;
			padding: 20px;
		}

		/*Good*/
		.footfloatingTextBox img{
			width: 50px;
			display: flex;
			float:center;
		}

		/*Good*/
		.footfloatingTextBox a{
			text-decoration: none;
		}

		/*Good*/
		.footfloatingTextBox p{
			font-size: 0.7rem;
			width: 80%;
			height: 30px;
			float: left;
			display: flex;
			margin-left: 0px;
		}

		/*Good*/
		.footersidetabs{
			width: 100%; 
			height: 300px; 
			display: flex; 
			z-index: 1; 
		}

		/*Good*/
		.footerHeight{
			width: 100%; 
			height: 800px; 
			text-align: left;
		}

		/*Good*/
		.FooterTabs{
			width: 100%;
			margin: 10px;
		}
		
		
		#windowNavBar{
		display: none;
		}
		
		.titleLogo{
		text-align: center; 
		font-size: 0.6rem;
		padding-top: 10px;
		padding-left: 30px;
		padding-right: 30px;
		letter-spacing: 3px;
		
		}
		
		table{
			display: none;
		}
		
		.tableReplace{
			display: Block;
		}

	}

		@media (min-width: 280px) and (max-width: 480px){
								.clientImagesLogos{
						width: 120%;
						}
						.clientLogoBackgroundColor{
						width: 100%;
						height: 200px;
						}
						.slideshow-container {
						max-width: 100%;
						position: relative;
						margin: auto;
						}
					.clientImagesLogos{
								width: 120%;
							}
							.clientLogoBackgroundColor{
							width: 100%;
							height: 200px;
							}
							.slideshow-container {
							max-width: 100%;
							position: relative;
							margin: auto;
							}		
		.mainImage{
		width: 100%;
		}
		
		table{
			display: none;
		}
		
		.tableReplace{
			display: Block;
		}
		
		.serviceCardStyleDivStyle{
			height: 100px;  
			width: 100%; 
			overflow: hidden;
			text-align: left;
			padding: 4px;
			background: rgba(0,0,0,0.5);
			border-radius: 23px;
		}
		
		.logoImage{
			padding-top: 5px;
			height: 40px;
		}

		
		.titleLogo{
		text-align: center; 
		font-size: 1rem;
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 30px;
		letter-spacing: 3px;
		margin-top: 140px;
		}
		
		tr{
			width: 100%;
		}
		
		th p{
			text-align: left;
			width: 150px;
		}


		.image-container p{
			font-size: 0.7rem;
			line-height: 0.7rem;
			letter-spacing: 0rem;
			Color: white;
			display: none;
			padding-top: 0px;
			padding-right: 20px;
		}

		.image-container h3{
			font-size: 0.8rem; 
			width: 80%; 
			float: left; 
			Color: white;
			text-align: center-left;
			padding-left: 10px;
		}
		
		.header3mainwrap{
		height: 850px; 
		align-items: center; 
		width: 100%;
		background-image:  url('${pageInfo.backgroundImageHeading3}'); 
		background-size: cover; 
		background-position: center; 
		background-repeat: no-repeat;
		margin: auto;
		}

		.hiddenTabs{
			display: none;
		}
		.secondaryPageSmallText{
		color: black; 
		text-align: center;
		font-size: 0.5em;
		line-height: 0.8rem;
		letter-spacing: 0.1rem;
		padding-left: 0px;
		}

		.TopImagebackGround{
		background-image:  url('images/assets_images/CerGetImage.jpeg'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		width: 100%; 
		text-align: center;
		height: 350px; 
		}

		.choicenHeightOfTopImage{
		height: 350px;
		width: 100%;
		}

		.li secondaryPageSmallText{
		padding-top: 0px;
		padding-left: 0px;
		}

		.mainLogoStyle{
		display: Block;
		}				

		#windowNavBar{
		display: none;
		}

		.serviceAddUI{
		width: 16%; 
		height: 120px; 
		display: flex; 
		float: left;
		text-align: center;
		}

		.serviceAddUI a{
		text-decoration: none;
		width: 100%;
		}

		.serviceAddUI p{
		color: black;
		text-align: center;
		font-size: 0.4em; 
		letter-spacing: 0.1rem;


		}

		.serviceAddUI:hover {
		background-color: #666666;
		}


		/* Controls when Phone Ui Is display */
		#sandwitchButton{
		display: block;
		}

		.navbar {
		overflow: hidden;
		height: 100px;
		background-color: white;
		}

		.navbar a {
		float: right;
		font-size: 16px;
		color: black;
		text-align: center;
		padding: 40px 50px;
		text-decoration: none;
		}

		.mainLogoStyle{
		min-width: 10%; 
		height: 50px; 
		top: 25px;
		padding-left: 10px;
		position: absolute;
		}
		.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		right: 0px;
		top: 100.2px;
		}

		.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: center;
		}

		.dropdown-content a:hover {
		background-color: #ddd;
		}

		.dropdown:hover .dropdown-content {
		display: block;
		}					
		
		h1{
			Color: white;
		margin-top: 270px;
		font-size: 16px;
		}

		.undertitleText{
		font-size: 10px;
		letter-spacing: .1px;
		}
		
		.pulsedEddyCurrentPECCardStyle{
			background-image:  url('images/assets_images/Image_02.png'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.riskBasedInspectionRBICardStyle{
			background-image:  url('images/assets_images/Image_03.jpg'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.turnaroundPlanningandCoordinationCardStyle{
			background-image:  url('images/assets_images/Image_04.jpg'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.facilityInspectionAssetIntegrityComplianceCardStyle{
			background-image:  url('images/assets_images/Image_05.jpg'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.certifiedWeldingInspectionCWIQAQCCardStyle{
			background-image:  url('images/assets_images/Image_06.png'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.fitnessForSeriveFFSAssetsIntegrityCardStyle{
			background-image:  url('images/assets_images/Image_07.png'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.serviceCardStyleImages{
			width: 100%; 
			align-items: center;
			overflow: hidden;
			height: 100px; 
		}

		.serviceCardStyleImages img{
			display: none;
		}
		
		/*Good*/
		.footfloatingTextBox{
			width:500px; 
			float:center;
			margin: auto;
			padding: 20px;
		}

		/*Good*/
		.footfloatingTextBox img{
			width: 70px;
			display: flex;
			float:left;
		}

		/*Good*/
		.footfloatingTextBox a{
			text-decoration: none;
		}

		/*Good*/
		.footfloatingTextBox p{
			font-size: 1rem;
			width: 90%;
			height: 30px;
			float: left;
			display: flex;
		}

		/*Good*/
		.footersidetabs{
			width: 100%; 
			height: 400px; 
			display: flex; 
			z-index: 1; 
		}

		/*Good*/
		.footerHeight{
			width: 100%; 
			height: 990px; 
			text-align: left;
		}

		/*Good*/
		.FooterTabs{
			width: 100%;
			margin: 10px;
		}
		
		.pecsecondarypagetitletext{
			color: white;
		}
		
		/*Good*/
		.copyRightText p{
		font-size: 15px;
		letter-spacing: 5px;
		} 
	
	}

		@media (min-width: 480px) and (max-width: 740px){
						.clientImagesLogos{
						width: 400px;
						}
						.clientLogoBackgroundColor{
						width: 100%;
						height: 300px;
						}

						.slideshow-container {
						max-width: 100%;
						position: relative;
						margin: auto;
						}

.clientImagesLogos{
							width: 400px;
							}
							.clientLogoBackgroundColor{
							width: 100%;
							height: 300px;
							}

							.slideshow-container {
							max-width: 100%;
							position: relative;
							margin: auto;
							}

		table{
			display: none;
		}
		
		.tableReplace{
			display: Block;
		}

		.secondaryPageSmallText{
		color: black; 
		text-align: left;
		font-size: 0.7em;
		}
		
		.logoImage{
			height: 60px;
		}
		
		.hiddenTabs{
			display: none;
		}

		#windowNavBar{
		display: none;
		}

		li .secondaryPageSmallText {
		padding-top: 5px;
		text-align: left;
		}

		.TopImagebackGround{
		background-image:  url('images/assets_images/CerGetImage.jpeg'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		width: 100%; 
		text-align: center;
		height: 500px; 
		}

		.choicenHeightOfTopImage{
		height: 500px;
		width: 100%;
		}

		.titleLogo{
		text-align: center; 
		padding-top: 230px;
		}

		.headerTitleCards{
		width: 100%; 
		height: 100px;  
		align-items: center;
		}

		.textOnMainImage{
		text-align: center; 
		width: 80%; 
		padding: auto; 
		margin: auto;
		}	

		h1 {
		font-family: 'Gidole', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 1.4rem;
		line-height: 1.9rem;
		letter-spacing: 0.4rem;
		background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.80));
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		}

		.image-container{
		width: 100%; 
		align-items: center;
		overflow: hidden;
		}

		.clientCardHolder{
		height: 350px; 
		width: 100%;
		}

		h2{
		font-family: 'Gidole', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 2.2rem;
		line-height: 2.2rem;
		text-align: left;
		letter-spacing: 0.2rem;
		/*background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.80));*/
		}

		p{
		font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 1.2rem;
		line-height: 1.2rem;
		letter-spacing: 0rem;
		padding: 10px;
		}

		.topImageMainPage{
		overflow: hidden;
		/*background-image:  url('${pageInfo.backgroundImageMainPage}'); 
		background-size: cover;  
		background-position: center; 
		background-repeat: no-repeat; */ 
		width: 100%; 
		}

		.header3bubble{
		text-align: center; 
		border-radius: 25px; 
		padding:10px; 
		background-color: backgroundHeading3BackgroundColor; 
		width: 85%; 
		padding: auto; 
		margin: auto;
		height: 450px; 
		}

		.header3outlines{
		width: 100%; 
		margin: center;
		}

		.header3mainwrap{
		height: 1150px; 
		align-items: center; 
		width: 100%;
		background-image:  url('${pageInfo.backgroundImageHeading3}'); 
		background-size: cover; 
		background-position: center; 
		background-repeat: no-repeat;
		margin: auto;
		}

		#mainPageSecondaryHeaders{
		text-align: center; 
		padding-top: 10px;
		}

		.backgroundImageHeading3SidePart{
		height: 100%;
		}

		.backgroundImageHeading3Div{
		width: 100%;
		overflow: hidden;
		text-align: center;
		float: center;
		height: 80%;
		}

		.backgroundHeading3DivText{
		width: 100%;
		text-align: center;
		float: center;
		}

		ul{
		margin-left: 0%;
		}

		/* Controls when Phone Ui Is display */
		#sandwitchButton{
		display: block;
		}

		.serviceAddUI{
		width: 16%; 
		height: 150px; 
		display: flex; 
		float: left;
		text-align: center;
		}

		.serviceAddUI a{
		text-decoration: none;
		width: 100%;
		}

		.serviceAddUI p{
		color: black;
		text-align: center;
		font-size: 0.8em; 
		}

		.serviceAddUI:hover {
		background-color: #666666;
		}



		.navbar {
		overflow: hidden;
		height: 100px;
		background-color: white;
		}

		.navbar a {
		float: right;
		font-size: 16px;
		color: black;
		text-align: center;
		padding: 40px 50px;
		text-decoration: none;
		}


		.mainLogoStyle{
		min-width: 10%; 
		height: 60px; 
		padding: 20px;
		position: absolute;
		}

		.serviceAddUI{
		width: 16%; 
		height: 120px; 
		display: flex; 
		float: left;
		text-align: center;
		}

		.serviceAddUI a{
		text-decoration: none;
		width: 100%;
		}

		.serviceAddUI p{
		color: black;
		text-align: center;
		font-size: 0.8em; 
		}

		.serviceAddUI:hover {
		background-color: #666666;
		}

		/* Controls when Phone Ui Is display */
		#sandwitchButton{
		display: Block;
		}

		.navbar {
		overflow: hidden;
		height: 100px;
		background-color: white;
		}

		.navbar a {
		float: right;
		font-size: 16px;
		color: black;
		text-align: center;
		padding: 40px 50px;
		text-decoration: none;
		}
	
		
		h1{
		margin-top: 120px;
		font-size: 35px;
		}

		.undertitleText{
		font-size: 12px;
		letter-spacing: .1px;
		}
		
		.mainImage{
		width: 100%;
		}
	
		/*Good*/
		.footfloatingTextBox{
			width:500px; 
			float:center;
			margin: auto;
			padding: 20px;
		}

		/*Good*/
		.footfloatingTextBox img{
			width: 70px;
			display: flex;
			float:left;
		}

		/*Good*/
		.footfloatingTextBox a{
			text-decoration: none;
		}

		/*Good*/
		.footfloatingTextBox p{
			font-size: 1rem;
			width: 350px;
			height: 30px;
			float: left;
			display: flex;
		}

		/*Good*/
		.footersidetabs{
			width: 100%; 
			height: 300px; 
			display: flex; 
			z-index: 1; 
		}

		/*Good*/
		.footerHeight{
			width: 100%; 
			height: 750px; 
			text-align: left;
		}

		/*Good*/
		.FooterTabs{
			width: 100%;
			margin: 10px;
		}
	
	#windowNavBar{
		display: none;
		}

		.serviceAddUI{
		width: 16%; 
		height: 120px; 
		display: flex; 
		float: left;
		text-align: center;
		}

		.serviceAddUI a{
		text-decoration: none;
		width: 100%;
		}

		.serviceAddUI p{
		color: black;
		text-align: center;
		font-size: 0.4em; 
		letter-spacing: 0.1rem;


		}

		.serviceAddUI:hover {
		background-color: #666666;
		}


		/* Controls when Phone Ui Is display */
		#sandwitchButton{
		display: block;
		}

		.navbar {
		overflow: hidden;
		height: 100px;
		background-color: white;
		}

		.navbar a {
		float: right;
		font-size: 16px;
		color: black;
		text-align: center;
		padding: 40px 50px;
		text-decoration: none;
		}

		.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		right: 0px;
		top: 100.2px;
		}

		.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: center;
		}

		.dropdown-content a:hover {
		background-color: #ddd;
		}

		.dropdown:hover .dropdown-content {
		display: block;
		}	
		
		.pulsedEddyCurrentPECCardStyle{
			background-image:  url('images/assets_images/Image_02.png'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.riskBasedInspectionRBICardStyle{
			background-image:  url('images/assets_images/Image_03.jpg'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.turnaroundPlanningandCoordinationCardStyle{
			background-image:  url('images/assets_images/Image_04.jpg'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.facilityInspectionAssetIntegrityComplianceCardStyle{
			background-image:  url('images/assets_images/Image_05.jpg'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.certifiedWeldingInspectionCWIQAQCCardStyle{
			background-image:  url('images/assets_images/Image_06.png'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.fitnessForSeriveFFSAssetsIntegrityCardStyle{
			background-image:  url('images/assets_images/Image_07.png'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white; 
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
			height: 100px;
		}

		.serviceCardStyleImages{
			width: 100%; 
			align-items: center;
			overflow: hidden;
			height: 100px; 
		}

		.serviceCardStyleImages img{
			display: none;
		}
		
		/*Good*/
		.serviceCardStyleDivStyle{
			height: 100px;  
			width: 100%; 
			overflow: hidden;
			text-align: left;
			padding: 10px;
			background: rgba(0,0,0,0.5);
			border-radius: 23px;
		}

		/*Good*/
		.image-container p{
			font-size: 0.6rem;
			Color: white;
			margin-top: 0px;
			top: 0px;
			padding-right: 10px;
		}

		/*Good*/
		.image-container h3{
			font-size:1rem; 
			width: 40%; 
			float: left; 
			padding: 12px;
			Color: white;
			text-align: center;
		}

	}

	@media (min-width: 740px) and (max-width: 1200px){
								.clientImagesLogos{
						width: 400px;
						}
						.clientLogoBackgroundColor{
						width: 100%;
						border-radius: 25px; 
						height: 300px;
						}
						.slideshow-container {
						max-width: 80%;
						position: relative;
						margin: auto;
						}
		.clientImagesLogos{
							width: 400px;
							}
							.clientLogoBackgroundColor{
							width: 100%;
							border-radius: 25px; 
							height: 300px;
							}
							.slideshow-container {
							max-width: 80%;
							position: relative;
							margin: auto;
							}
		
		/*Good*/
		.secondaryPageSmallText{
		color: black; 
		text-align: center;
		font-size: 0.7em;
		}
		
		.logoImage{
			height: 60px;
		}

		table{
			display: Block;
			width: 100%;
		}
		
		table th{
			width: 45%;
			padding-left: 100px;
		}
		
		.tableReplace{
			display: none;
		}

		/*Good*/
		li .secondaryPageSmallText {
		padding-top: 5px;
		text-align: left;
		}

		/*Good*/
		.choicenHeightOfTopImage{
		height: 600px;
		width: 100%;
		}

		/*Good*/
		.TopImagebackGround{
		background-image:  url('images/assets_images/CerGetImage.jpeg'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		width: 100%; 
		text-align: center;
		height: 600px; 
		}

		.titleLogo{
		text-align: center; 
		padding-top: 230px;
		padding-left: 140px;
		padding-right: 140px;
		}

		/*Good*/
		ul{
		margin-left: 0%;
		}

		/*Good*/
		.headerTitleCards{
		width: 100%; 
		height: 100px; 
		align-items: center;
		}

		/*Good*/
		.textOnMainImage{
		text-align: center; 
		width: 50%; 
		padding: auto; 
		margin: auto;
		}

		/*Good*/
		h1{
		font-family: 'Gidole', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 2.8rem;
		line-height: 2.8rem;
		letter-spacing: 0.8rem;
		background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.80));
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		}

		/*Good*/
		.image-container{
		width: 100%; 
		align-items: center;
		overflow: hidden;
		}

		/*Good*/
		.clientCardHolder{
		height: 450px; 
		width: 100%;
		}

		/*Good*/
		h2{
		font-family: 'Gidole', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 2.2rem;
		line-height: 2.2rem;
		text-align: left;
		letter-spacing: 0.2rem;
		/*background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.80));*/
		}

		/*Good*/
		p{
		font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 1.2rem;
		line-height: 1.2rem;
		letter-spacing: 0rem;
		padding: 10px;
		}

		/*Good*/
		.topImageMainPage{
		overflow: hidden;
		/*background-image:  url('${pageInfo.backgroundImageMainPage}'); 
		background-size: cover; 
		background-position: center; 
		background-repeat: no-repeat;  */ 
		width: 100%; 
		}

		/*Good*/
		.header3bubble{
		text-align: center; 
		border-radius: 25px; 
		padding:10px; 
		background-color: backgroundHeading3BackgroundColor; 
		width: 600px; 
		padding: auto; 
		margin: auto;
		}

		/*Good*/
		.header3outlines{
		width: 100%; 
		margin: center;
		}

		/*Good*/
		.header3mainwrap{
		height: 900px; 
		align-items: center; 
		width: 80%;
		background-image:  url('${pageInfo.backgroundImageHeading3}'); 
		background-size: cover; 
		background-position: center; 
		background-repeat: no-repeat;
		border-radius: 25px;
		margin: auto;
		}

		/*Good*/
		#mainPageSecondaryHeaders{
		text-align: center; 
		padding-top: 10px;
		}

		/*Good*/
		.backgroundImageHeading3SidePart{
		height: 100%;
		}

		/*Good*/
		.backgroundImageHeading3Div{
		width: 48%;
		overflow: hidden;
		float: right;
		height: 520px;
		}

		/*Good*/
		.backgroundHeading3DivText{
		width: 100%;
		float: center;
		}

		/*Good*/
		#windowNavBar{
		display: none;
		}

		/* Controls when Phone Ui Is display */ /*Good*/
		#sandwitchButton{
		display: block;
		}

		/*Good*/
		.serviceAddUI{
		width: 16%; 
		height: 150px; 
		display: flex; 
		float: left;
		text-align: center;
		}

		/*Good*/
		.serviceAddUI a{
		text-decoration: none;
		width: 100%;
		}

		/*Good*/
		.serviceAddUI p{
		color: black;
		text-align: center;
		font-size: 0.8em; 
		}

		/*Good*/
		.serviceAddUI:hover {
		background-color: #666666;
		}
		
		/*Good*/
		.navbar {
		overflow: hidden;
		height: 100px;
		background-color: white;
		}

		/*Good*/
		.navbar a {
		float: right;
		font-size: 16px;
		color: black;
		text-align: center;
		padding: 40px 50px;
		text-decoration: none;
		}

		/*Good*/
		.mainLogoStyle{
		min-width: 10%; 
		height: 60px; 
		padding: 20px;
		position: absolute;
		}

		/*Good*/
		.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		right: 0px;
		top: 100.2px;
		}

		/*Good*/
		.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: center;
		}

		/*Good*/
		.dropdown-content a:hover {
		background-color: #ddd;
		}

		/*Good*/
		.dropdown:hover .dropdown-content {
		display: block;
		}

		/*Good*/
		#windowNavBar{
		display: Block;
		}

		/*Good*/
		.serviceAddUI{
		width: 16%; 
		height: 120px; 
		display: flex; 
		float: left;
		text-align: center;
		}

		/*Good*/
		.serviceAddUI a{
		text-decoration: none;
		width: 100%;
		}

		/*Good*/
		.serviceAddUI p{
		color: black;
		text-align: center;
		font-size: 0.8em; 
		}

		/*Good*/
		.serviceAddUI:hover {
		background-color: #666666;
		}

		/* Controls when Phone Ui Is display *//*Good*/
		#sandwitchButton{
		display: none;
		}

		/*Good*/
		.navbar {
		overflow: hidden;
		height: 100px;
		background-color: white;
		}

		/*Good*/
		.navbar a {
		float: right;
		font-size: 16px;
		color: black;
		text-align: center;
		padding: 40px 50px;
		text-decoration: none;
		}

		/*Good*/
		.mainLogoStyle{
		min-width: 10%; 
		height: 60px; 
		padding: 20px;
		position: absolute;
		}

		/*Good*/
		.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		}

		/*Good*/
		.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		}

		/*Good*/
		.dropdown-content a:hover {
		background-color: #ddd;
		}
		
		/*Good*/
		.dropdown:hover .dropdown-content {
		display: block;
		}
		
		/*Good*/
		.undertitleText{
		font-size: 14px;
		letter-spacing: .1px;
		}

		/*Good*/
		.riskBasedInspectionRBICardStyle{
		background-image:  url('images/assets_images/Image_03.jpg'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		background-color: white;
		width: 90%; 
		margin-top: 15px;
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		border-radius: 23px;
		}

		/*Good*/
		h1{
		margin-top: 180px;
		font-size: 20px;
		letter-spacing: .1px;
		}

		/*Good*/
		.copyRightText p{
		font-size: 15px;
		letter-spacing: 5px;
		} 

		/*Good*/
		.turnaroundPlanningandCoordinationCardStyle{
		background-image:  url('images/assets_images/Image_04.jpg'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		background-color: white;
		width: 90%; 
		margin-top: 15px;
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		border-radius: 23px;
		}

		/*Good*/
		.facilityInspectionAssetIntegrityComplianceCardStyle{
		background-image:  url('images/assets_images/Image_05.jpg'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		background-color: white;
		width: 90%; 
		margin-top: 15px;
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		border-radius: 23px;
		}

		/*Good*/
		.certifiedWeldingInspectionCWIQAQCCardStyle{
		background-image:  url('images/assets_images/Image_06.png'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		background-color: white;
		width: 90%; 
		margin-top: 15px;
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		border-radius: 23px;
		}

		/*Good*/
		.fitnessForSeriveFFSAssetsIntegrityCardStyle{
		background-image:  url('images/assets_images/Image_07.png'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		background-color: white;
		width: 90%; 
		margin-top: 15px;
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		border-radius: 23px;
		}

		/*Good*/
		.serviceCardStyleImages{
		width: 100%; 
		align-items: center;
		overflow: hidden;
		height: 100px; 
		}

		/*Good*/
		.serviceCardStyleImages img{
		display: none;
		}

		/*Good*/
		.pulsedEddyCurrentPECCardStyle{
			background-image:  url('images/assets_images/Image_02.png'); 
			background-size: cover; /* Ensures the image covers the entire div */
			background-position: center; /* Centers the image */ 
			background-repeat: no-repeat; /* Prevents the image from repeating */ 
			background-color: white;
			width: 90%; 
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border-radius: 23px;
		}

		/*Good*/
		.pulsedEddyCurrentPECImageMainPage{
			width: 100%; 
			align-items: center;
			overflow: hidden;
			height: 100px; 
		}

		/*Good*/
		.hiddenTabs{
			display: none;
		}

		/*Good*/
		.pulsedEddyCurrentPECImageMainPage{
			display: none;
		}

		/*Good*/
		.serviceCardStyleDivStyle{
			height: 100px;  
			width: 100%; 
			overflow: hidden;
			text-align: left;
			padding: 10px;
			background: rgba(0,0,0,0.5);
			border-radius: 23px;
		}

		/*Good*/
		.image-container p{
			font-size: 0.6rem;
			Color: white;
			margin-top: 0px;
			top: 0px;
			padding-right: 10px;
		}

		/*Good*/
		.image-container h3{
			font-size:1rem; 
			width: 40%; 
			float: left; 
			padding: 12px;
			Color: white;
			text-align: center;
		}

		/*Good*/
		.footfloatingTextBox{
			width:500px; 
			float:center;
			margin: auto;
			padding: 20px;
		}

		/*Good*/
		.footfloatingTextBox img{
			width: 70px;
			display: flex;
			float:left;
		}

		/*Good*/
		.footfloatingTextBox a{
			text-decoration: none;
		}

		/*Good*/
		.footfloatingTextBox p{
			font-size: 1rem;
			width: 250px;
			height: 30px;
			float: left;
			display: flex;
		}

		/*Good*/
		.footersidetabs{
			width: 50%; 
			height: 400px; 
			display: flex; 
			z-index: 1; 
		}

		/*Good*/
		.footerHeight{
			width: 100%; 
			height: 580px; 
			text-align: left;
		}

		/*Good*/
		.FooterTabs{
			width: 10%;
			margin: 10px;
		}

		/*Good*/
		.servicesMainPage{
			width: 100%;
			height: 950px;
		}

		/*Good*/
		.mainImage{
		width: 100%;
		}
	}

	@media (min-width: 1200px) and (max-width: 1400px){
		.clientImagesLogos{
						width: 700px;
						}
						.clientLogoBackgroundColor{
						width: 100%;
						border-radius: 25px; 
						height: 600px;
						}

						.slideshow-container {
						max-width: 80%;
						position: relative;
						margin: auto;
						}
		.clientImagesLogos{
							width: 700px;
							}
							.clientLogoBackgroundColor{
							width: 100%;
							border-radius: 25px; 
							height: 600px;
							}

							.slideshow-container {
							max-width: 80%;
							position: relative;
							margin: auto;
							}

		/*Have*/
		h1{
		font-family: 'Gidole', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 3.5rem;
		line-height: 3.5rem;
		letter-spacing: 0.8rem;
		background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.80));
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		}
		
		table{
			display: Block;
			width: 80%;
			padding-left: 80px;
		}
		
		table th{
			width: 45%;
		}
		
		.tableReplace{
			display: none;
		}
		

		.logoImage{
			height: 60px;
		}

		/*Have*/
		ul{
		padding-left: 30%;
		}

		/*Have*/
		.titleLogo{
		text-align: center; 
		padding-top: 230px;
		padding-left: 230px;
		padding-right: 230px;
		}

		/*Have*/
		.headerTitleCards{
		width: 100%; 
		height: 100px; 
		align-items: center;
		}

		/*Have*/
		.textOnMainImage{
		text-align: center; 
		width: 50%; 
		padding: auto; 
		margin: auto;
		}

		/*Have*/
		.image-container{
		background-image:  url('${pageInfo.backgroundImageHeading1}'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		width: 100%;  
		overflow: hidden;
		}
		
		/*Have*/
		h2{
		font-family: 'Gidole', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 2.2rem;
		line-height: 2.2rem;
		text-align: left;
		letter-spacing: 0.2rem;
		/*background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.80));*/
		}

		/*Have*/
		.topImageMainPage{
		overflow: hidden;
		/*background-image:  url('${pageInfo.backgroundImageMainPage}'); 
		background-size: cover;  
		background-position: center; 
		background-repeat: no-repeat; */ 
		width: 100%; 
		}

		/*Have*/
		p{
		font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 1.2rem;
		line-height: 1.2rem;
		letter-spacing: 0rem;
		padding: 10px;
		}

		/*Have*/
		.header3bubble{
		text-align: center; 
		border-radius: 25px; 
		padding:10px; 
		background-color: backgroundHeading3BackgroundColor; 
		width: 80%; 
		padding: auto; 
		margin: auto;
		}

		/*Have*/
		.header3outlines{
		width: 100%; 
		height: 100%;
		margin: center;
		background-Color: rgba(0, 0, 0, 0.5);
		}

		/*Have*/
		.header3mainwrap{
		height: 600px; 
		align-items: center; 
		width: 80%;
		background-image:  url('${pageInfo.backgroundImageHeading3}'); 
		background-size: cover; 
		background-position: center; 
		background-repeat: no-repeat;
		border-radius: 25px;
		margin: auto;
		}

		/*Have*/
		#mainPageSecondaryHeaders{
		text-align: center; 
		padding-top: 13px;
		}

		/*Have*/
		.backgroundImageHeading3SidePart{
		width: 100%;
		margin: 10px;
		}

		/*Have*/
		.backgroundImageHeading3Div{
		width: 48%;
		overflow: hidden;
		float: right;
		height: 380px;
		}

		/*Have*/
		.backgroundHeading3DivText{
		width: 100%;
		float: center;
		}
		
		/*Have*/
		#windowNavBar{
		display: Block;
		}

		/*Have*/
		.serviceAddUI{
		width: 16%; 
		height: 120px; 
		display: flex; 
		float: left;
		text-align: center;
		}

		/*Have*/
		.serviceAddUI a{
		text-decoration: none;
		width: 100%;
		}

		/*Have*/
		.serviceAddUI p{
		color: black;
		text-align: center;
		font-size: 0.8em; 
		}

		/*Have*/
		.serviceAddUI:hover {
		background-color: #666666;
		}

		/* Controls when Phone Ui Is display */ /*Have*/
		#sandwitchButton{
		display: none;
		}

		/*Have*/
		.navbar {
		overflow: hidden;
		height: 100px;
		background-color: white;
		}

		/*Have*/
		.navbar a {
		float: right;
		font-size: 16px;
		color: black;
		text-align: center;
		padding: 40px 50px;
		text-decoration: none;
		}

		/*Have*/
		.mainLogoStyle{
		min-width: 10%; 
		height: 60px; 
		padding: 20px;
		position: absolute;
		}

		/*Have*/
		.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		}

		/*Have*/
		.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		}

		/*Have*/
		.dropdown-content a:hover {
		background-color: #ddd;
		}

		/*Have*/
		.dropdown:hover .dropdown-content {
		display: block;
		}

		/*Have*/
		.pulsedEddyCurrentPECCardStyle{
		background-color: white;
		height: 500px;  
		width: 15%; 
		position: relative; 
		bottom: -310px;
		overflow: hidden;
		left: 2%;
		text-align: center;
		border-radius: 23px;
		transition: bottom 0.5s ease;
		transition: .3s;
		z-index: 1;
		}

		/*Have*/
		.copyRightText p{
		font-size: 15px;
		letter-spacing: 5px;
		} 

		/*Have*/
		.pulsedEddyCurrentPECCardStyle:hover {
		bottom: -110px;
		z-index: 1;
		}

		/*Have*/
		.riskBasedInspectionRBICardStyle {
		background-color: white;
		height: 500px;
		width: 15%;
		position: relative;
		bottom: 190px;  /* Initial position */
		overflow: hidden;
		left: 18%;
		text-align: center;
		border-radius: 23px;
		transition: 0.3s;
		z-index: 1;
		}
		
		/*Have*/
		.riskBasedInspectionRBICardStyle:hover {
		bottom: 410px;
		}

		/*Have*/
		.turnaroundPlanningandCoordinationCardStyle{
		background-color: white;
		height: 500px;  
		width: 15%; 
		position: relative; 
		bottom: 690px;
		overflow: hidden;
		left: 34%;
		text-align: center;
		border-radius: 23px;
		transition: 0.3s;
		z-index: 1;
		}

		/*Have*/
		.turnaroundPlanningandCoordinationCardStyle:hover {
		/* animation: turnaroundPlanningandCoordinationCardStylemoveUpAndExpand 1s ease-in-out forwards;
		transition: 0.8s;*/
		bottom: 920px;
		}

		/*Have*/
		.facilityInspectionAssetIntegrityComplianceCardStyle{
		background-color: white;
		height: 500px;  
		width: 15%; 
		position: relative; 
		bottom: 1190px;
		overflow: hidden;
		left: 50%;
		text-align: center;
		border-radius: 23px;
		transition: 0.3s ease;
		z-index: 1;
		}

		/*Have*/
		.facilityInspectionAssetIntegrityComplianceCardStyle:hover {
		/* animation: facilityInspectionAssetIntegrityComplianceCardStylemoveUpAndExpand 1s ease-in-out forwards;
		transition: 0.8s; */
		bottom: 1360px;
		}
		
		/*Have*/
		.certifiedWeldingInspectionCWIQAQCCardStyle{
		background-color: white;
		height: 500px;  
		width: 15%; 
		position: relative; 
		bottom: 1690px;
		overflow: hidden;
		left: 66%;
		text-align: center;
		border-radius: 23px;
		transition: 0.3s;
		z-index: 1;
		}

		/*Have*/
		.certifiedWeldingInspectionCWIQAQCCardStyle:hover {
		/* animation: certifiedWeldingInspectionCWIQAQCCardStylemoveUpAndExpand 1s ease-in-out forwards;
		transition: 0.8s; */
		bottom: 1860px;
		}

		/*Have*/
		.fitnessForSeriveFFSAssetsIntegrityCardStyle{
		background-color: white;
		height: 500px;  
		width: 15%; 
		position: relative; 
		bottom: 2190px;
		overflow: hidden;
		left: 82%;
		text-align: center;
		border-radius: 23px;
		transition: 0.3s;

		}

		/*Have*/
		.fitnessForSeriveFFSAssetsIntegrityCardStyle:hover {
		/* animation: fitnessForSeriveFFSAssetsIntegrityCardStylemoveUpAndExpand 1s ease-in-out forwards;
		transition: 0.8s; */
		bottom: 2360px;
		}

		/*Have*/
		.serviceCardStyleImages{
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		width: 100%; 
		align-items: center;
		overflow: hidden;
		position: relative;
		top: -80px;
		height: 100px; 
		}

		/*Have*/
		.serviceCardStyleImages img{
		width: 100%; 
		height: 50px; 
		position: relative;
		top: -10px;
		height: 130%;
		}
		/*Have*/
		.undertitleText{
		font-size: 18px;
		letter-spacing: .1px;
		}

		/*Have*/
		.image-container p{
		Color: black;
		margin: 10px;
		font-size: 0.6rem;
		}

		/*Have*/
		.image-container h3{
		font-size:1rem; 
		padding: 12px;
		padding-bottom: 20px;
		color: black;
		}

		/*Have*/
		.pulsedEddyCurrentPECImageMainPage{
		background-image:  url('images/assets_images/Image_02.png'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		width: 100%; 
		align-items: center;
		overflow: hidden;
		height: 100px; 
		}

		/*Have*/
		.footfloatingTextBox{
		width:500px; 
		float:center;
		margin: auto;
		padding: 20px;
		}

		/*Have*/
		.footfloatingTextBox img{
		width: 70px;
		display: flex;
		float:left;
		}

		/*Have*/
		.footfloatingTextBox a{
		text-decoration: none;
		}

		/*Have*/
		.footfloatingTextBox p{
		font-size: 1rem;
		width: 350px;
		height: 30px;
		float: left;
		display: flex;
		}

		/*Have*/
		.footersidetabs{
		width: 50%; 
		height: 300px; 
		display: flex; 
		z-index: 1; 
		}

		/*Have*/
		.footerHeight{
		width: 100%; 
		height: 560px; 
		text-align: left;
		}
		
		/*Have*/
		.FooterTabs{
		width: 100%;
		margin: 10px;
		}

		/*Have*/
		.mainImage{
		width: 100%;
		}

		/*Have*/
		.secondaryPageSmallText{
		color: black; 
		text-align: center;
		font-size: 0.6em;
		}

		/*Have*/
		li .secondaryPageSmallText {
		padding-top: 5px;
		width: 60%;
		text-align: left;
		}


		/*Have*/
		.TopImagebackGround{
		background-image:  url('images/assets_images/Image_18.jpeg'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		width: 100%; 
		text-align: center;
		height: 600px; 
		}

		/*Have*/
		.choicenHeightOfTopImage{
		height: 600px;
		width: 100%;
		}
		
		/*Have*/
		.copyRightText p{
		font-size: 15px;
		letter-spacing: 5px;
		} 
		
		/*Have*/
		.image-container p{
		Color: black;
		margin: 10px;
		font-size:0.8rem;
		}

		/*Have*/
		.image-container h3{
		font-size:1rem; 
		padding: 12px;
		padding-bottom: 20px;
		color: black;
		}
	}

	@media (min-width: 1400px){
		.clientImagesLogos{
						width: 700px;
						}
						.clientLogoBackgroundColor{
						width: 100%;
						border-radius: 25px; 
						height: 600px;
						}

						.slideshow-container {
						max-width: 80%;
						position: relative;
						margin: auto;
						}
		.clientImagesLogos{
							width: 700px;
							}
							.clientLogoBackgroundColor{
							width: 100%;
							border-radius: 25px; 
							height: 600px;
							}

							.slideshow-container {
							max-width: 80%;
							position: relative;
							margin: auto;
							}

		.copyRightText p{
		font-size: 15px;
		letter-spacing: 5px;
		} 
		
		table{
			display: Block;
			width: 900px;
		}
		
		table th{
			width: 450px;
			padding-left: 100px;
		}
		
		.tableReplace{
			display: none;
		}

		
		/*Have*/
		.undertitleText{
		font-size: 18px;
		letter-spacing: .1px;
		}
		
		.logoImage{
			height: 60px;
		}

			
		.secondaryPageSmallText{
		color: black; 
		text-align: center;
		font-size: 0.6em;
		}


		li .secondaryPageSmallText {
		padding-top: 5px;
		width: 60%;
		text-align: left;
		}

		.TopImagebackGround{
		background-image:  url('images/assets_images/Image_18.jpeg'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		width: 100%; 
		text-align: center;
		height: 600px; 
		}

		.choicenHeightOfTopImage{
		height: 600px;
		width: 100%;
		}

		/*Have*/
		h1{
		font-family: 'Gidole', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 3.5rem;
		line-height: 3.5rem;
		letter-spacing: 0.8rem;
		background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.80));
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		}

		/*Have*/
		ul{
		padding-left: 30%;
		}

		/*Have*/
		.titleLogo{
		text-align: center; 
		padding-top: 230px;
		padding-left: 230px;
		padding-right: 230px;
		}

		/*Have*/
		.headerTitleCards{
		width: 100%; 
		height: 100px; 
		align-items: center;
		}

		/*Have*/
		.textOnMainImage{
		text-align: center; 
		width: 50%; 
		padding: auto; 
		margin: auto;
		}

		/*Have*/
		.image-container{
		background-image:  url('${pageInfo.backgroundImageHeading1}'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		width: 100%;  
		overflow: hidden;
		}

		/*Have*/
		h2{
		font-family: 'Gidole', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 2.2rem;
		line-height: 2.2rem;
		text-align: left;
		letter-spacing: 0.2rem;
		/*background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.80));*/
		}

		/*Have*/
		.topImageMainPage{
		overflow: hidden;
		/*background-image:  url('${pageInfo.backgroundImageMainPage}'); 
		background-size: cover;  
		background-position: center; 
		background-repeat: no-repeat; */ 
		width: 100%; 
		}

		/*Have*/
		p{
		font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-size: 1.2rem;
		line-height: 1.2rem;
		letter-spacing: 0rem;
		padding: 10px;
		}

		/*Have*/
		.header3bubble{
		text-align: center; 
		border-radius: 25px; 
		padding:10px; 
		background-color: backgroundHeading3BackgroundColor; 
		width: 80%; 
		padding: auto; 
		margin: auto;
		}

		/*Have*/
		.header3outlines{
		width: 100%; 
		height: 100%;
		margin: center;
		background-Color: rgba(0, 0, 0, 0.5);
		}
		
		/*Have*/
		.header3mainwrap{
		height: 600px; 
		align-items: center; 
		width: 80%;
		background-image:  url('${pageInfo.backgroundImageHeading3}'); 
		background-size: cover; 
		background-position: center; 
		background-repeat: no-repeat;
		border-radius: 25px;
		margin: auto;
		}

		/*Have*/
		#mainPageSecondaryHeaders{
		text-align: center; 
		padding-top: 13px;
		}
		
		/*Have*/
		.backgroundImageHeading3SidePart{
		width: 100%;
		margin: 10px;
		}

		/*Have*/
		.backgroundImageHeading3Div{
		width: 48%;
		overflow: hidden;
		float: right;
		height: 380px;
		}

		/*Have*/
		.backgroundHeading3DivText{
		width: 100%;
		float: center;
		}
		
		/*Have*/
		#windowNavBar{
		display: Block;
		}

		/* Controls when Phone Ui Is display */ /*Have*/
		#sandwitchButton{
		display: none;
		}

		/*Have*/
		.serviceAddUI{
		width: 16%; 
		height: 120px; 
		display: flex; 
		float: left;
		text-align: center;
		}

		/*Have*/
		.serviceAddUI a{
		text-decoration: none;
		width: 100%;
		}

		/*Have*/
		.serviceAddUI p{
		color: black;
		text-align: center;
		}

		/*Have*/
		.serviceAddUI:hover {
		background-color: #666666;
		}

		/*Have*/
		.navbar {
		overflow: hidden;
		height: 100px;
		background-color: white;
		}

		/*Have*/
		.navbar a {
		float: right;
		font-size: 16px;
		color: black;
		text-align: center;
		padding: 40px 50px;
		text-decoration: none;
		}

		/*Have*/
		.mainLogoStyle{
		min-width: 10%; 
		height: 60px; 
		padding: 20px;
		position: absolute;
		}

		/*Have*/
		.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		}

		/*Have*/
		.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		}

		/*Have*/
		.dropdown-content a:hover {
		background-color: #ddd;
		}

		/*Have*/
		.dropdown:hover .dropdown-content {
		display: block;
		}

		.image-container p{
		Color: black;
		margin: 10px;
		font-size:0.8rem;
		}

		.image-container h3{
		font-size:1rem; 
		padding: 12px;
		padding-bottom: 20px;
		color: black;
		}

		/*Have*/
		.mainImage{
		max-width: 100%;
		max-height: 600px;
		}

		/*Have*/
		.pulsedEddyCurrentPECImageMainPage{
		background-image:  url('images/assets_images/Image_02.png'); 
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		width: 100%; 
		align-items: center;
		overflow: hidden;
		height: 100px; 
		}

		/*Have*/
		.footfloatingTextBox{
		width:500px; 
		float:center;
		margin: auto;
		padding: 20px;
		}

		/*Have*/
		.footfloatingTextBox img{
		width: 70px;
		display: flex;
		float:left;
		}

		/*Have*/
		.footfloatingTextBox a{
		text-decoration: none;
		}

		/*Have*/
		.footfloatingTextBox p{
		font-size: 1rem;
		width: 350px;
		height: 30px;
		float: left;
		display: flex;
		}

		/*Have*/
		.footersidetabs{
		width: 50%; 
		height: 300px; 
		display: flex; 
		z-index: 1; 
		}

		/*Have*/
		.footerHeight{
		width: 100%; 
		height: 600px;
		text-align: left;							
		}

		/*Have*/
		.FooterTabs{
		width: 100%;
		margin: 10px;
		}

		/*Have*/
		.pulsedEddyCurrentPECCardStyle{
		background-color: white;
		height: 500px;  
		width: 15%; 
		position: relative; 
		bottom: -310px;
		overflow: hidden;
		left: 2%;
		text-align: center;
		border-radius: 23px;
		transition: bottom 0.5s ease;
		transition: .3s;
		z-index: 1;
		}

		/*Have*/
		.pulsedEddyCurrentPECCardStyle:hover {
		bottom: -110px;
		z-index: 1;
		}

		/*Have*/
		.riskBasedInspectionRBICardStyle {
		background-color: white;
		height: 500px;
		width: 15%;
		position: relative;
		bottom: 190px;  
		overflow: hidden;
		left: 18%;
		text-align: center;
		border-radius: 23px;
		transition: 0.3s;
		z-index: 1;
		}

		/*Have*/
		.riskBasedInspectionRBICardStyle:hover {
		bottom: 410px;
		}

		/*Have*/
		.turnaroundPlanningandCoordinationCardStyle{
		background-color: white;
		height: 500px;  
		width: 15%; 
		position: relative; 
		bottom: 690px;
		overflow: hidden;
		left: 34%;
		text-align: center;
		border-radius: 23px;
		transition: 0.3s;
		z-index: 1;
		}

		/*Have*/
		.turnaroundPlanningandCoordinationCardStyle:hover {
		bottom: 920px;
		}

		/*Have*/
		.facilityInspectionAssetIntegrityComplianceCardStyle{
		background-color: white;
		height: 500px;  
		width: 15%; 
		position: relative; 
		bottom: 1190px;
		overflow: hidden;
		left: 50%;
		text-align: center;
		border-radius: 23px;
		transition: 0.3s ease;
		z-index: 1;
		}

		/*Have*/
		.facilityInspectionAssetIntegrityComplianceCardStyle:hover {
		bottom: 1360px;
		}

		/*Have*/
		.certifiedWeldingInspectionCWIQAQCCardStyle{
		background-color: white;
		height: 500px;  
		width: 15%; 
		position: relative; 
		bottom: 1690px;
		overflow: hidden;
		left: 66%;
		text-align: center;
		border-radius: 23px;
		transition: 0.3s;
		z-index: 1;
		}

		/*Have*/
		.certifiedWeldingInspectionCWIQAQCCardStyle:hover {
		bottom: 1860px;
		}

		/*Have*/
		.fitnessForSeriveFFSAssetsIntegrityCardStyle{
		background-color: white;
		height: 500px;  
		width: 15%; 
		position: relative; 
		bottom: 2190px;
		overflow: hidden;
		left: 82%;
		text-align: center;
		border-radius: 23px;
		transition: 0.3s;

		}

		/*Have*/
		.fitnessForSeriveFFSAssetsIntegrityCardStyle:hover {
		bottom: 2360px;
		}

		/*Have*/
		.serviceCardStyleImages{
		background-size: cover; /* Ensures the image covers the entire div */
		background-position: center; /* Centers the image */ 
		background-repeat: no-repeat; /* Prevents the image from repeating */ 
		width: 100%; 
		position: relative;
		top: -90px;
		align-items: center;
		overflow: hidden;
		height: 100px; 
		}

		/*Have*/
		.serviceCardStyleImages img{
		width: 110%; 
		height: 150px; 
		position: relative;
		top: -25px;
		height: 130%;
		}
		
	}