*
	{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	
	html, body
	{
		height: 100%;
		font-size: 16px;

		font-family: 'Raleway', sans-serif;
		font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
		font-weight: 400;

		/*  : "EMprint Light"; */
		line-height: 1.5;
		
	}
	
	.top_bar_container
	{
		background-color: black;
		opacity: 0.9;
		/*box-shadow:0 3px 3px silver;*/
		padding: 25px 80px 20px 80px;
		color: white;
		display: flex;
		justify-content: center;
		border-bottom: 1px solid #222222;
	}
	
	
	.top_bar_container span
	{
		font-size: 18px;
		color: silver;
		padding: 0 10px;
	}
	
	
	
	.top_bar_container i
	{
		font-size: 18px;
		color: var(--highlight_color);
		padding: 0 10px;
	}
	
	
	.top_bar_container .social_icon
	{
		margin-left: auto;
	}
	
	
	
	.top_bar_container .social_icon span
	{
		display: inline-block;
		padding: 0 5px;
		cursor: pointer;
	}
	
	.top_bar_container .social_icon span:hover
	{
		color: var(--highlight_color);
	}
	
	h1
	{
		color: #085895;
		margin-bottom: 10px;
	}

	h1, h2, h3
	{
		/* font-family: EMprint-Light,Univers Next W23 Light,Tahoma W01 Regular,Saral W60,AxisStd-Light,MHei HK Medium,MHei PRC Medium,Ergo LT W08,YDGothic_120 Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif !important; */
		/* font-style: normal;
		font-weight: 300; */
		font-family: 'Raleway', sans-serif;
		line-height: 1.1;
	}
	
	p
	{
		font-size: 16px;
		line-height: 1.8;
	}
	
	
	
	
	.title_container
	{
		 
        
		background-image: radial-gradient(var(--transparent_main_background), var(--transparent_main_background)), url(../images/oil-rig.jpg);
		background-attachment: fixed;
		background-position: bottom;
		background-size: cover;
        
		width: 100%;
		height: 300px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		
	}
	
	.title_container h2
	{
		font-size: 50px;
		color: white;
	}
	
	.title_container p
	{
		font-size: 20px;
		color: white;
	}
	
	
	
	/* NAVIGATION BAR */
	
	.header_container
	{
		background-color: var(--color_shade1);;
		/* opacity: 0.9; */
		padding: 10px 40px;
		display: flex;
		align-items: center;
		width: 100%;
		/* position: absolute !important;
		top: 0;
		left: 0; */
		width: 100%;
		z-index: 120;
	}



	

	.header_container  a
	{
		color: #272727;	
		text-transform: uppercase;	
		/* letter-spacing: 1.2px; */
	}

	.menu_dropdown a 
	{
		text-transform: capitalize;	
	}



	.header_container:hover
	{
		background-color: var(--color_shade1);
	}

	/* .header_container:hover a
	{
		color: #272727;
	} */

	.slideshow-container
	{
		position: relative;
	}


	/* .slideshow-container, .slideshow-container .mySlides
	{
		height: 120vh;
	}  */




	.slideshow_overlay
	{
		background: var(--transparent_main_background2);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		height: 100%;
	} 

	.slideshow-container .mySlides img
	{
		height: 100%;
		width: 100%;
		object-fit: cover;
	} 

	.hero_footer
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
		padding: 0 200px;
		margin-top: - 100px;
	}

	.slider_img_wrapper
	{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.slider_image_box
	{
		width: 400px;
		/* height: 400px; */
		object-fit: contain;
		/* overflow: hidden;
		border-radius: 50%; */
		margin-left: 20px;
	}


	
	/*---------- FOR WAVY BACKGROUND -------------*/
	.wave
	{
		position: absolute;
		width: 100%;
		height: 38px;
		bottom: 0;
		left: 0;
		background: url("../images/wave.png");
		/* animation: animate 10s linear infinite; */
		z-index: 1000;
	}



	.wave2
	{
		position: absolute;
		width: 100%;
		height: 38px;
		top: -2px;
		left: 0;
		background: url("../images/wave2.png");
		/* animation: animate 10s linear infinite; */
		z-index: 1000;
		
	}



/* 
	.wave::before
	{
		content: '';
		width: 100%;
		height: 38px;
		background: url("../images/wave.png");
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.4; 
		 animation: animate-reverse 10s linear infinite; 
		z-index: 100;

		border: 3px solid red;
	}  */



	/* .wave::after
	{
		content: '';
		width: 100%;
		height: 38px;
		background: url("../images/wave.png");
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.6;
		animation-delay: -5s;
		animation: animate 20s linear infinite;
		z-index: 3;
	} */


	/* .wave2
	{
		position: absolute;
		width: 100%;
		height: 38px;
		top: 0;
		left: 0;
		background: url("../images/wave2.png");
		animation: animate 10s linear infinite;
		border-top: 2px solid white;
		z-index: 3;
	} */


/* 
	.wave2::before
	{
		content: '';
		width: 100%;
		height: 38px;
		background: url("../images/wave2.png");
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.4;
		animation: animate-reverse 10s linear infinite;
	}

	.wave2::after
	{
		content: '';
		width: 100%;
		height: 38px;
		background: url("../images/wave2.png");
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.6;
		animation-delay: -5s;
		animation: animate 20s linear infinite;
	} */


/* 
	@keyframes animate {
		
		0% {
			background-position: 0;
		}

		100% {
			background-position: 1811px;
		}
	}

	@keyframes animate-reverse {
		
		0% {
			background-position: 1811px;
		}

		100% {
			background-position: 0;
		}
	} */
	
	
	
	
	
	.header_container .menu_items .active, .header_container .media_menu_items .active
	{
		color: var(--highlight_color);
	}
	
	.header_container .media_menu_items
	{
		display: none;
		position: absolute;
		right: 0px;
		top: 80px;
		background: var(--main_color);
		width: 250px;
		box-shadow: 0 0 10px silver;
		padding: 10px;
		z-index: 2000;
	}
	
	
	
	
	
	.media_menu_items li:hover
	{
		color: var(--highlight_color);
		
	}
	
	.header_container .hamburger
	{
		display: none;
	}
	
	
	.header_container img
	{
		width: 50px;
	}
	
	.header_container img:hover
	{
		opacity: 0.7;
		transition: 0.5s ease;
	}
	
	.header_container > ul
	{
		list-style: none;
		display: flex;
		padding-left: 40px;
		/* justify-content: flex-end; */
		align-items: center;
		width: 100%;
		
	}
	
	
	.header_container ul li
	{
		padding: 10px 15px;
		/* margin-top: 5px; */
		
	
	}
	
	.header_container ul a
	{
		text-decoration: none;
		color: #272727;
		font-weight: bold;
		font-size: 14px;
		/* letter-spacing: 0.1; */
		/* text-transform: uppercase; */
	}
	
	.header_container ul li a:hover
	{
		color: var(--highlight_color);
		transition: 0.1s ease;
	}


	.right_nav_content
	{
		flex: 1;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.right_nav_content a:first-child
	{
		margin-right: 30px;
	}

	.right_nav_content a:first-child i
	{
		margin-right: 5px;
	}
	
	.right_nav_content a i
	{
		font-size: 20px;
		color: red;
	}
	
	
	/* BLOG STYLE */
	
	
	.sidebar_news .date
	{
		font-size: 11px;
		color: gray;
	}
	
	.date
	{
		font-size: 11px;
		color: gray;
		font-family: arial;
	}
	

	
	
	
	
	.sidebar_news
	{
		display: flex;
		flex-direction: column;
		width: 100%;
		border-bottom: 1px solid silver;
		padding: 5px 0 20px 0;
		
	}
	
	
	.sidebar_news h2
	{
		text-align: left;
		
	}
	.sidebar_news a
	{
		text-decoration: none;
		color: black;
	}
	
	.sidebar_news div
	{
		flex: 1;
		padding: 5px;
	}
	
	
	
	.read_more
	{
		color: var(--highlight_color);
		display: block;
		margin-top: 15px;
	}

		
	.header_container .menu_items .current, .header_container .media_menu_items .current
	{
		color: var(--highlight_color);
	}
	
	
	
	/* IMAGES */
	
	
	.bishop_image
	{
		width: 100%;
	}
	
	
	
	.sidebar_news img
	{
		width: 100%;
	}
	
	
	.partners_container
	{
		padding: 80px;
		width: 100%;
	}
	
	.partners_logo
	{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	
	.partners_logo img
	{
		width: 100%;
		padding: 0 10px;
	}
	
	
	
	.partners_logo span
	{
		display: block;
		padding: 0 10px;
	}
	
	
	.about_section
	{
		background-image: radial-gradient(var(--main_color), var(--main_color));	
		display: flex;
	}




	.about_section h2
	{
		flex: 1;
		color: var(--color_shade1);
	}
	



	/* 	
	.homepage_container .about_section
	{

		background-image: radial-gradient(rgba(18, 0, 64,1), rgba(18, 0, 64,1));	
		display: flex;
	} */
	
	.homepage_container h1
	{
		
		font-weight: bolder;
		margin-bottom: 20px;
		margin-top: 0;
		
	}
	
	
	.about_section h1, .about_section p
	{
		color: white;
		font-weight: bolder;
		text-shadow: 0px 0px 10px black;
		
	}
	
	.video_wrapper
	{
		background: #f0f1f0;
		background-image:url(images/publications.jpg);
		background-position: center; 
		background-repeat: no-repeat; 
		background-size: cover;
		background-attachment: fixed;
		padding: 80px;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	
	.video_container
	{
		flex: 1;
		
	}
	
	.video_container iframe
	{
		width: 100%;
	}
	
	
	.homepage_container h1
	{
		padding: 80px 80px 0 80px;
		text-align: center;
		
	}
	
	
	
	.line_1
	{
		background: var(--highlight_color);
		width: 200px;
		height: 3px;
		margin: 5px auto;
		border-radius: 50%;
		
	}
	
	
	.line_2
	{
		background: var(--highlight_color);
		width: 100px;
		height: 3px;
		margin: 5px auto;
		border-radius: 50%;
		
	}

	
	
	.service_container
	{
		display: flex;
		padding: 30px 80px 80px 80px;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	
	
	
	.service_container .service_box
	{
		width: 400px;
		background-color: white;
		box-shadow: 0 0 20px silver;
		overflow: hidden;
		margin: 10px;
	}
	
	
	.service_container .service_box h2
	{
		color: var(--highlight_color);
	}
	
	
	
	.inner_box
	{
		padding: 20px 30px;
	}
	
	
	
	
	
	.service_container .service_box img
	{
		width: 100%;
	}
	
	
	
	
	
	.service_container .icon_box
	{
		width: 250px;
		background-color: white;
		box-shadow: 0 0 20px silver;
		overflow: hidden;
		margin: 10px;
		padding: 10px;
		text-align: center;
	}
	
	
	.service_container  .icon_box h2
	{
		color: var(--highlight_color);
	}
	
	
	
	.icon_container
	{
		padding: 20px 0 80px 0;
		overflow: hidden;
		width: 80%;
		margin: auto;
		
	}
	
	
	
	
	.icon_container .icon_box img
	{
		width: 70px;
		margin: 0 auto 20px auto;
	}
	
	
	
	
	.icon_container .icon_box
	{
		background-color: white;
		box-shadow: 0 0 20px silver;
		overflow: hidden;
		margin: 20px;
		padding: 20px;
		text-align: center;
		flex: 1;
	}
	
	
	.icon_container  .icon_box h2
	{
		color: var(--highlight_color);
	}
	
	
	
	.icon_container .icon_wrapper
	{
		width: 1900px;
		display: flex;
		position: relative;
		animation: slide 40s;
		animation-iteration-count: infinite;
	}
	
	
	@keyframes slide
	{
		0% {left: 0;}
		50% {left: -60%;}
		60% {left: 0;}
		
	}
	
	
	
	
	
	
	
	.button_wrapper
	{
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	
	
	.button_wrap
	{
		display: flex;
		align-items: center !important;
		
	}
	

	
	
	
	.register_button
	{
		background-color: white;
		padding: 15px 50px;
		border-radius: 30px;
		color: black;
		border: 0;
		font-size: 18px;
		cursor: pointer;
		margin-top: 50px;
	}
	
	
	.primary_button
	{
		background-color: var(--highlight_color);
		padding: 15px 50px;		
		color: var(--main_color);
		border: 0;
		font-size: 18px;
		cursor: pointer;
		text-decoration: none;
		/* margin: 30px 0 0 0; */
		white-space: nowrap;
		border-radius: 7px;
	}


/* 
	.primary_button::after {
		content: '\f061'; 
		font-family: 'Font Awesome 6 Free';
		font-weight: 900; 
		margin-left: 8px; 
		display: inline-block;
	}
	 */


	.register_button:hover, .primary_button:hover
	{
		opacity: 0.8;
		transition: all 0.8s ease;
		
	}
	
	
	.product_button
	{
		background-color: var(--highlight_color);
		padding: 15px 30px;
		border-radius: 30px;
		color: white;
		border: 0;
		font-size: 18px;
		cursor: pointer;
		
	}
	
	.product_button:hover
	{
		opacity: 0.8;
		box-shadow: 0px 1px 10px  silver;
		transition: all 0.8s ease;
		
	}
	
	
	
	.product:hover
	{
		opacity: 0.8;
		transition: all 0.5s ease;
	}
	
	
	.button_container
	{
		text-align: center;
		padding: 20px;
		background: #004281;
		
	}
	
	.form_input
	{
		border: 1px solid lavender;
		padding: 10px 25px;
		border-radius: 20px;
		width: 100%;
		margin-bottom: 20px;
		font-size: 16px;
	}
	
	
	.form-container
	{
		max-width: 600px;
		margin: 80px auto;
	}
	
	
	.pageForm
	{
		width: 100%;
	}
	
	.mainContainer
	{
	  padding:30px;
	  width: 100%;
	}
	
	
	.form_container
	{
	  padding:20px;
	  max-width: 600px;
	  margin: 50px auto;
	  
	}
	
	.form_container h2
	{
	  text-align: center;
	}
	
	
	
	.program_button
		{
			padding:10px 30px 10px 30px;
			margin:10px;
			background-color: var(--highlight_color);
			/*background: linear-gradient(var(--highlight_color), var(--highlight_color));*/
			color: white;
			font-size: 16px;
			border: none;
			border-radius: 30px;
			width: 90%;
			max-width: 400px;
			box-shadow: 3px 3px 8px #888888;
						
		}
		
		
		.form_button
		{
			padding:10px 30px 10px 30px;
			margin:10px auto;
			background-color: var(--highlight_color);
			/*background: linear-gradient(var(--highlight_color), var(--highlight_color));*/
			color: white;
			font-size: 16px;
			border: none;
			border-radius: 30px;
			width: 100%;
			max-width: 400px;
			box-shadow: 3px 3px 8px #888888;
			cursor: pointer;			
		}
		
	
		.form_button_container
		{
			text-align: center;
		}
	
	
	/* FOOTER STYLING */
	
	
	
	.footer1
	{
		display: flex;
		/*background-color: #f0f1f0;*/
		background-color: var(--main_color);
		color: silver;
		padding: 40px;

		font-family: 'Raleway', sans-serif;
	}
	
	.footer_column
	{
		text-align: left;
		padding: 20px;
		flex: 1;
	}
	
	
	.footer_column .logo_container 
	{
		display: flex;
		justify-content: flex-start;
	}
	
	.footer_column .logo_container img
	{
		width: 200px;
	}

	
	
	
	
	
	.footer_column
	{
		flex: 2;
	}
	
	
	.footer_column:nth-child(2)
	{
		flex: 4;
	}

	.footer_menu_container 
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		padding-top: 10px;
	}
	

	.footer_menu_container li
	{
		list-style: none;
	}

	.footer_menu_container li a
	{
		display: block;
	}
	
	
	
	.footer_column h3
	{
		margin-bottom: 15px;
		Color: var(--color_shade1);
		text-transform: uppercase;
		line-height: 25px;
	}
	
	.footer_column a
	{
		color: white;
		text-decoration: none;
	}
	
	.footer_column a:hover
	{
		color: var(--highlight_color);
		
	}
	
	.footer2
	{
		background-color: var(--main_dark_shade);
		color: #004281;
		padding: 40px;
		display: flex;
		align-items: center;
	}

	.footer_menu_links
	{
		flex: 1;
		
	}

	.footer_menu_links a
	{
		text-decoration: none;
		color:rgb(187, 187, 187);
		margin-right: 10px;
		font-size: 13px;
	}

	.footer_menu_links span
	{
		color:rgb(187, 187, 187);
		margin-right: 10px;
		font-size: 13px;
	}
	
	.footer3
	{
		background-color: var(--main_color);
		padding: 20px 40px;
	}
	.footer3 span
	{
		color: silver;
		font-size: 14px;
	}
	
	.footer2 span
	{
		color: silver;
	}
	
	.footer2 .social
	{
		flex: 1;
		
		text-align: right;
	}
	
	.footer2 .social span
	{
		color: silver;
		padding: 0px 10px;
		display: inline-block;
		font-size: 18px;
		text-align: right;
	}
	
	
	
	
	.footer2 .social span:hover
	{
		color: var(--highlight_color);
	}
	
	/* OTHER PAGES CONTAINER */
	
	
	
	.product_main_container
	{
		display: flex;
		flex-direction: column;
	}
	
	
	


	/* SIDEBAR */
	
	
	.sidebar
	{
		flex-basis: 400px;
		padding: 40px;
		box-shadow: 2px 2px 3px silver;
		
	}
	
	
	.product_sidebar
	{
		display: flex;
		flex-basis: 300px;
		padding: 40px;
		box-shadow: 2px 2px 3px silver;
		justify-content: center;
		
	}
	
	
	/* OTHER PAGES CONTAINER */
	
	.main_body
	{
		flex: 1;
		padding: 100px;
		text-align: justify;
	}
	
	.main_body p
	{
		padding-bottom: 20px;
	}
	
	.main_body h2
	{
		padding-bottom: 20px;
	}
	
	.main_body h1
	{
		padding-bottom: 20px;
	}
	
	.main_body div
	{
		width: 100%;
	}
	
	
	.other_content
	{
		background: #e3e5e3;
		padding: 100px;
	}
	
	
	.other_content h1
	{
		text-align: center;
	}
	
	
	
	.phylosophy_box
	{
		background: white;
		padding: 30px;
		box-shadow: 10px 10px 30px gray;
		display: flex;
		margin: 50px;
		align-items: center;
	}
	
	
	.phylosophy_box div
	{
		flex: 1;
		align-items: flex-start;
	}
	
	
	.phylosophy_box div:first-child
	{
		padding: 20px;
	}
	
	
	
	.phylosophy_box div img
	{
		width: 100%;
	}
	
	.phylosophy_box h3
	{
		color: var(--highlight_color);
		margin-bottom: 20px;
		text-align: left !important;
	}
	
	.phylosophy_box h1
	{
		text-align: left !important;
		margin-bottom: 20px;
	}
	
	.phylosophy_box p
	{
		font-size: 18px;
		line-height: 2;
		text-align: left !important;
	}

	.phylosophy_box ol li:not(:last-child)
	{
		margin-bottom: 20px;
	}

	
	
	.storage_box
	{
		display: flex;
	}
	
	.storage_box div
	{
		padding: 30px;
	}
	
	.storage_box h2
	{
		color: var(--highlight_color);
		margin-bottom: 20px;
		text-align: left;
		line-height: 1.5;
	}
	
	.storage_box p
	{
		font-size: 18px;
		line-height: 2;
		text-align: left;
	}
	
	.storage_box p i
	{
		color: var(--highlight_color);
		font-size: 16px;
	}
	
	.storage_box img
	{
		width: 100%;
	}
	
	
	.title
	{
		margin-top: 80px;
		text-align: center;
		padding: 20px;
		box-shadow: 0px 0px 5px silver;
	}
	
	.main_title_container
	{
		position: relative;
		background-image: linear-gradient(var(--transparent_main_background),var(--transparent_main_background)), url(../images/title.jpg);
		background-position: center; 
		background-repeat: no-repeat; 
		background-size: cover;
		background-attachment: fixed;
		padding: 150px 50px 100px 50px;
		width: 100%;
	}

	.main_title_container h1 
	{
		color: var(--color_shade1);
		font-size: 50px;
	}

	.main_title_container p 
	{
		color: var(--color_shade1);
		font-family: 'Raleway', sans-serif;
	}
	
	
	.header_container .display
	{
		display: block;
		animation: display 0.2s;
	}
	
	@keyframes display{
		from{opacity: 0;}
		to{opacity: 0.9;}
	}
	
	.logo_container
	{
		/* flex: 1; */
		justify-content: flex-start;
		align-items: center;
		height: 180px;
		flex-basis: 250px;
		display: flex;

	}

	.logo_container a
	{
		display: block;
		width: 200px;
		height: 200px;
		
	}
	
	.logo_container img
	{
		/* width: 150px; */

		/* margin: 10px; */
		/* text-align: left; */
		height: 100%;
		width: 100%;
		object-fit: contain;

	}
	
	.logo_container a
	{
		display: block;
		text-align: center;
	}

	.logo_text p 
	{
		white-space: nowrap;
		font-weight: bolder;
		line-height: 1.2;
		font-size: 20px;
		margin-left: 10px;
	}

	.logo_text small 
	{
		display: block;
		margin-left: 10px;
		margin-top: 5px;
		font-size: 16px;
		font-style: italic;
		font-weight: bold;
	}
	
	
	.top_button
	{
		background: var(--highlight_color);
		width: 40px;
		height: 40px;
		border-radius: 4px;
		border: 2px solid var(--highlight_color);
		box-shadow: 5px 5px 10px black;
		color: white;
		font-size: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		bottom: 60px;
		right: 5px;
		cursor: pointer;
	}
	
	
	.top_button:hover
	{
		background: white;
		color: var(--highlight_color);
		transition: 1s;
	}
	
	
	.service_container .inner_box 
	{
		width: 90%;
		
	}


	.performance_section
	{
		padding: 50px 100px;
		background-color: var(--color_shade1);
		display: flex;
		align-items: center;
	}


	.performance_section h1
	{
		font-weight: 100;
		margin-right: 20px;
		font-size: 50px;
	}


	.performance_section h2
	{
		font-weight: 100;
		margin-right: 20px;
	}

	.performance_section h3
	{
		margin-right: 20px;
	}

	.performance_section h3 i
	{
		color: red;
	}

	.performance_section p
	{
		font-weight: 100;
		font-size: 14px;
	}


	.dropdown_link i 
	{
		margin-left: 8px;
	}


	.about_section
	{
		padding: 20px 100px;
		display: flex;
		align-items: center;
	}



	/* BLOG SECTION */

	.news_section
	{
		display: grid;
		grid-template-columns: 3fr 1fr;
		padding: 100px;
		gap: 80px
	}

	.news_section h1
	{
		margin-bottom: 40px;
	}


	.news_body_content
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}


	.news_body_content.about
	{
		grid-template-columns: 2fr 1fr;
	}



	.news_body_content.single
	{
		grid-template-columns: 1fr;
		gap: 40px;
	}



	.news_img
	{
		overflow: hidden;
		height: 0px;
		padding-bottom: 60%;
		position: relative;
		border-radius: 10px;
	}

	.news_box.about
	{
		display: grid;
		gap: 20px;
	}



	.news_img img
	{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.page_body
	{
		padding: 100px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 50px;
	}

	.img_content
	{
		display: grid;
		gap: 20px;
	}

	.img_card img 
	{
		width: 100%;
	}

	.page_body p:not(:last-child)
	{
		margin-bottom: 20px;
	}

	.page_body h3
	{
		margin-bottom: 20px;
	}


	@media only screen and (max-width: 1070px)
	{
		.page_body
		{
			padding: 50px;
		}
	}


	@media only screen and (max-width: 958px)
	{
		.page_body
		{
			grid-template-columns: 1fr;
		}
	}

	@media only screen and (max-width: 500px)
	{
		.page_body
		{
			padding: 50px 20px;
		}
	}


	.sidebar_title
	{
		color: red;
	}

	.news_box
	{
		text-decoration: none;
	}

	.news_title
	{
		color: var(--main_color);
		line-height: 1.4;
		padding: 10px 0;
		margin-bottom: 20px;
	}

	.news_category
	{
		display: inline-block;
		padding: 5px 10px;
		background-color: rgb(237, 237, 237);
		color:red;
		font-style: italic;
		font-size: 13px;
	}

	.sidebar_newsbox:not(:last-child)
	{
		padding-bottom: 30px;
		border-bottom: 1px solid silver;
	}

	.sidebar_newsbox:not(:first-child)
	{
		padding-top: 30px;
		
	}

	.sidebar_newsbox.first
	{
		padding-top: 0px;
	}

	.sidebar_newsbox h4
	{
		margin-bottom: 10px;		
	}

	.time_read
	{
		margin-left: 20px;
		color: gray;
	}

	.sidebar_newsbox a
	{
		text-decoration: none;
		color: #000;
	}

	.news_section.global
	{
		background-color: var(--color_shade1) !important;
		grid-template-columns: 1fr;
	}

	.news_section.global h1
	{
		margin-bottom: 20px;
	}

	.news_title.global
	{
		text-transform: uppercase;
		font-size: 14px;
		/* letter-spacing: 1.2; */
		font-weight: 900;
	}

	.news_box p
	{
		
		/* font-size: 14px; */
		color: #1d1d1d;
	}

	.news_body_content.global
	{
		grid-template-columns: 1fr 1fr 1fr;
	}

	.title_intro
	{
		margin-bottom: 30px;
	}
	

	.brand_section
	{
		padding: 200px;
		background-image: radial-gradient(var(--transparent_main_background), var(--transparent_main_background)), url(../images/lagos_island.jpg);
		background-position: center; 
		background-repeat: no-repeat; 
		background-size: cover;
		background-attachment: fixed;
	}

	.brand_section.single_column h3 
	{
		color: var(--color_shade4)
	}

	.brand_section.single_column h2 
	{
		color: var(--color_shade1)
	}

	.list_section
	{
		padding: 100px;
		background-image: radial-gradient(var(--transparent_main_background), var(--transparent_main_background)), url(../images/oil_ocean2.jpg);
		/* background-image: radial-gradient(var(--transparent_main_background), var(--transparent_main_background)), url(../images/background_img.jpg); */
		background-position: center; 
		background-repeat: no-repeat; 
		background-size: cover;
		background-attachment: fixed;

		
	}


	.list_container
	{
		/* display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px; */

		column-count: 2; 
  		column-gap: 20px;
	}


	.list_container.one_column
	{
		column-count: 1; 
  		column-gap: 20px;
		max-width: 600px;
		margin: auto;

		
	}

	.light_background_img
	{
		background-image: radial-gradient(rgba(255, 255, 255, 0.9), rgba(250, 250, 250, 0.9)), url(../images/lagos_island.jpg);
		background-position: center; 
		background-repeat: no-repeat; 
		background-size: cover;
		background-attachment: fixed;
	}

	.list_box 
	{
		display: flex;
		break-inside: avoid; 
  		margin-bottom: 20px;  
	}


	.list_icon
	{
		border: 2px solid var(--highlight_color);
		flex: 1;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 20px;
	}

	.list_icon i
	{
		color: var(--highlight_color)
	}


	.list_text 
	{
		display: flex;
		align-items: center;
	}

	.list_text p 
	{
		color: var(--color_shade1);
		/* letter-spacing: 1.1px; */
	}

	.dark_text .list_text p 
	{
		color: var(--color_shade9);
		text-align: left;
		margin: 0;
	}

	.dark_text .list_text h3
	{
		color: var(--color_shade9);
		text-align: left;
		margin: 0;
		font-size: 20px;
	}

	.brand_section h1
	{
		text-align: center;
		color: var(--color_shade1);
		margin-bottom: 30px;
		font-size: 50px;
	}
	

	.brand_section p
	{
		text-align: center;
		color: var(--color_shade1);
	}



	.news_title.about
	{
		font-size: 35px;
		font-weight: 900;
		color: var(--main_color);
	}


	.news_box .list li
	{
		list-style-type: none;
		color: #282828;
		margin: 20px 0;
		font-family: 'Raleway', sans-serif;
		font-size: 18px;
	}

	.news_box .list a
	{
		text-decoration: none;
		list-style-type: none;
		color: #282828;
	}


	.single_column
	{
		padding: 100px;
		background-color: var(--color_shade1);
	}

	

	.shaded
	{
		background-color: var(--color_shade3);
	}


	.single_column h2, .section_title
	{
		font-weight: 900;
		text-transform: uppercase;
		text-align: center;
		color: var(--main_color);
		/* letter-spacing: 1.1px; */
		font-size: 40px;
		margin-bottom: 40px;
	}


	.single_column h3, .event_title
	{
		text-align: center;
		/* letter-spacing: 1.1px; */
		margin-bottom: 10px;
		font-size: 25px;
	}

	.single_column p
	{
		text-align: center;		
		margin: 20px auto;
		max-width: 700px;
	}

	#lagos p
	{
		text-align: center;		
		margin: 20px auto;
		max-width: 900px;
	}



	.single_column.main
	{
		background-color: var(--main_color);
	}

	.single_column.main p
	{
		color: var(--color_shade4);
	}

	.single_column.main h2
	{
		color: var(--color_shade1);
	}

	.single_column.main h3
	{
		color: var(--color_shade4);
	}


	.colum_img_container
	{
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}


	.colum_img_box
	{
		height: 150px;
		width: 120px;		
		border-radius: 10px;
		padding: 10px;
		overflow: hidden;
		background-color: var(--color_shade1);
	}


	.colum_img_container img
	{
		 height: 100%;
		 width: 100%;
		 object-fit: cover;
	}


	
	.contact_box 
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}


	.contact_container 
	{
		display: grid;
		gap: 20px;
	}

	
	.contact_icon 
	{
		margin-right: 20px;
	}

	.contact_card 
	{
		display: flex;
		align-items: center;
	}

	.contact_text small 
	{
		text-transform: uppercase;
		font-size: 16px;
	}

	.contact_text H2 
	{
		font-family: sans-serif;
	}


	.contact_icon i 
	{
		color: var(--highlight_color);
	}

	.contact_img_card 
	{
		width: 400px;
		height: 400px;
		border-radius: 100%;
		overflow: hidden;
	}

	.contact_img_card img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


	.form-group
	{
		padding: 5px 0;
	}
	

	.form-group label
	{
		display: block;
		margin-bottom: 5px;
	}


	.form-control
	{
		padding: 10px !important;
		width: 100%;
		display: block;
		border-radius: 10px;
		border: 1px solid #b5b5b5;
	}


	.pri_btn
	{
		padding: 15px 30px;
		background-color: orange;
		border: 2px solid orange;
		border-radius: 10px;
		color: var(--color_shade1);
		font-size: 16px;
	}

	.pri_btn:hover
	{
		
		background-color: rgb(235, 153, 0);
		cursor: pointer;
	}

	.pri_btn:active
	{
		
		background-color: rgb(235, 153, 0);
		
	}


	.alert-success
	{
		background-color: rgb(222, 255, 222);
		border: 1px solid rgb(116, 214, 116);
		color: green;
		padding: 5px;
		border-radius: 5px;
	}


	.alert-danger
	{
		background-color: rgb(246, 232, 185);
		border: 1px solid rgb(254, 138, 55);
		color: rgb(128, 0, 0);
		padding: 5px;
		border-radius: 5px;
	}

	.panel-heading
	{
		margin-bottom: 20px;
	}


	.contact_img
	{
		border-radius: 20px;
		overflow: hidden;
		height: 0px;
		padding-bottom: 60%;
		position: relative;
	}
	

	.contact_img img 
	{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;

		position: absolute;
		top: 0;
		left: 0;
		
	}


	.management_container
	{
		display: grid;
		grid-template-columns: 1fr 3fr;
		gap: 30px;
	}

	.management_container p
	{
		text-align: left;
	}

	.mgt_img_box img 
	{
		width: 100%;
		
	}

	.contact_text a {
		color: #000;
		text-decoration: none;
	}
	
	

	.menu_items 
	{
		display: flex;
		justify-content: flex-end;
	}



	.media_menu_items li, .menu_items li
	{
		position: relative;
	}

	.menu_dropdown
	{
		position: absolute;
		top: 50px;
		left: 0;
		z-index: 2000;
		border: 1px solid silver;
		min-width: 250px;
		background-color: var(--color_shade1);
		border-radius: 10px;		
		overflow: hidden;
		padding: 8px 0;
		display: none;
	}


	.showDropdown 
	{
		display: grid !important;
		grid-template-columns: 1fr;
	}



	.menu_dropdown li
	{
		list-style: none;
		padding: 0 !important;
	}

	.menu_dropdown li a
	{
		display: block;
		padding: 10px 20px;
		
	}

	.menu_dropdown li a:hover
	{
		background-color: #d8d8d8;
		transition: 1s ease-in;
	}


	/* RESPONSIVE MEDIA QUERRIES */
	
	

	
	@media only screen and (max-width: 1258px)
	{
		.news_body_content.about
		{
			grid-template-columns: 1fr;
		}

		.news_box.about
		{
			grid-template-columns: 1fr 1fr;
		}
	}
	

	
	@media only screen and (max-width: 1180px)
	{
		.icon_container .icon_wrapper
		{
			width: 1900px;
		}
		
		@keyframes slide
		{
			0% {left: 0;}
			50% {left: -100%;}
			60% {left: 0;}
			
		}
	}
	
	
	


	@media only screen and (max-width: 1099px)
	{
		.slider_content_container h1
		{
			font-size: 35px !important;
		}
	}
	

	@media only screen and (max-width: 1093px)
	{
		.brand_section
		{
			padding: 150px;			
		}

		.single_column
		{
			padding: 50px;
		}


	}


	@media only screen and (max-width: 1060px)
	{
		.list_section
		{
			padding: 50px;
		}
	}

	
	
	
	
	@media only screen and (max-width: 1024px)
	{
		.icon_container .icon_wrapper
			{
				width: 1700px;
			}
		
		@keyframes slide
		{
			0% {left: 0;}
			50% {left: -150%;}
			60% {left: 0;}
			
		}
	
	}
	
	
	
	
	@media only screen and (max-width: 987px)
	{
		.service_container div
		{
			margin: 30px 20px;
			
		}
		
		
		.main_container
		{
			flex-direction: column;
		}
		
		.sidebar
		{
			order: 1;
			display: flex;
			/* align-items: center; */
		}
		
		
		
		.footer1
		{
			flex-direction: column;
			/* justify-content: center; */
			/* align-items: center; */
		}
		
		
		.footer_column
		{
			/* text-align: center; */
			flex: 1;
		}
	}
	

	

	@media only screen and (max-width: 942px)
	{

		.news_section
		{
			grid-template-columns: 1fr;
		}


		.about_section
		{
			flex-direction: column;
			
		}

		.button_wrap 
		{
			margin-top: 20px;
		}

		.about_section h2 
		{
			text-align: center;
			line-height: 30px;
		}

	

	}

	
	@media only screen and (max-width: 920px)
	{

		.news_body_content 
		{
			grid-template-columns: 1fr;
		}
		
		.brand_section
		{
			padding: 120px;			
		}

	}
	
	
	@media only screen and (max-width: 1044px)
	{


		
		.menu_items 
		{
			display: none !important;
		}


		.header_container .hamburger
		{
			display: flex;
			flex-direction: column;
			box-sizing: border-box;
			width: 40px !important;
			height: 40px;
			/* background: black; */
			/* box-shadow: 0 0 5px gray; */
			margin-left: auto;
			border-radius: 3px;
			margin-top: 5px;
			padding: 10px 5px;
			justify-content: space-between;
			cursor: pointer;
			z-index: 121;
		}

		
		
		.header_container .hamburger .line
		{
			width: 100%;
			height: 3px;
			background: var(--color_shade6);
			
			
		}
		
		.header_container .media_menu_items
		{
			box-shadow: none;
			/* background: rgba(0,0,0,0.95); */
			top: 180px;
			width: 100%;
			height: 100vh;
		}
		

		.menu_dropdown
		{
			position: relative;
			background: none;
			top: 0;
		}
		
		.media_menu_items li 
		{
			text-align: center;
		}
		
		
		.media_menu_items li a
		{
			font-size: 17px;
			color: var(--color_shade1);
		}

		
		
	}
	
	
	@media only screen and (max-width: 900px)
	{
		
		.phylosophy_box
		{
			padding: 20px;
			margin: 20px;
		}
		
		
		.phylosophy_box div:first-child
		{
			padding: 20px;
		}
		
		
		
		.other_content
		{
			padding: 40px 20px;
		}
		
		
		
		
		.icon_container
		{
			width: 90%;
		}
		
		
		.icon_container .icon_wrapper
		{
			width: 1800px;
		}
		
		@keyframes slide
		{
			0% {left: 0;}
			50% {left: -130%;}
			60% {left: 0;}
			
		}
		
		
		.inner_box p
		{
			text-align: justify;
			
		}
	
	}
	
	

	
	@media only screen and (max-width: 856px)
	{
		.list_container
		{
			column-count: 1; 
		}
	}
	
	
	
	
	@media only screen and (max-width: 850px)
	{
		.top_bar_container
		{
			flex-wrap: wrap;
			padding: 20px 10px 20px 10px;
			
		}
		
		.top_bar_container span
		{
			padding: 10px;
			
		}


		.performance_section
		{
			padding: 50px;
		}

		
				
		

		
		.storage_box
		{
			padding: 50px 10px;
			flex-direction: column;
			margin: 0;
		}
		
	}
	

	@media only screen and (max-width: 770px)
	{
		.brand_section
		{
			padding: 100px;			
		}
	}
	
	
	@media only screen and (max-width: 768px)
	{
		.phylosophy_box
		{
			flex-direction: column;
		}
		
		
		
		
		.icon_container .icon_wrapper
		{
			width: 1800px;
		}
		
		@keyframes slide
		{
			0% {left: 0;}
			50% {left: -200%;}
			60% {left: 0;}
			
		}
	
	}
	
	
	
	
	@media only screen and (max-width: 760px)
	{

		.news_body_content
		{
			gap: 20px;
		}

		.performance_section, .about_section, .news_section, .news_section.global
		{
			padding: 40px 20px;
		}


		.service_container
		{
			padding:5px;
			margin: 0;
		}
		
		
		.inner_box
		{
			padding:5px;
			margin: 0;
		}
		
				
		
		
		.main_container
		{
			padding: 0;
			
		}
		
		.main_container .main_body
		{
			padding: 20px;
			
		}
		
		
		.footer1
		{
			padding: 5px;
		}
		
		.product_button
		{
			font-size: 12px;
			font-weight: bold;
		}
		
		
		
		.service_container div
		{
			width: 80%;
		}
		
		
		
		
		
		
				
		
		.title_container
		{
			padding: 20px;
			
		}
		
		.title_container p, .title_container h2
		{
			text-align: center;
			
		}
		
		.title_container h2
		{
			font-size: 30px;
			font-weight: bold;
			
		}
				
		
	}
	


	@media only screen and (max-width: 678px)
	{
		.footer2
		{
			flex-direction: column;
		}

		.footer_menu_links
		{
			margin-bottom: 20px;
		}

		.footer3
		{
			text-align: center;
		}
	}
	



	@media only screen and (max-width: 673px)
	{
		.brand_section
		{
			padding: 90px;			
		}
	}
	



	@media only screen and (max-width: 654px)
	{
		.performance_section
		{
			display: grid;
			grid-template-columns: 1fr;
		}
	}
	
	
	
	@media only screen and (max-width: 620px)
	{
		
		
		
		
		
		.slider_content_container h1
		{
			width: 250px;
			padding: 10px;
			font-size: 18px;
			line-height: 1.3;
		}
				
		
		
		.sidebar, .product_sidebar
		{
			flex-direction: column;
		}
		
		
	
		
		.primary_button
		{
			width: 90%;
			font-size: 14px;
		}
		
		
		.homepage_container .about_section
		{
			
			padding: 60px 20px;
			
		}
		
		
		.footer_column .logo_container 
		{
			justify-content: center;
		}
		
		
	}
	
	
	

	@media only screen and (max-width: 600px)
	{ 

		#lagos
		{
			padding: 50px 30px;

		}

		#lagos p
		{
			text-align: left;
		}

		

		.list_section, .single_column
		{
			padding: 50px 20px;
		}

		.management_container
		{
			grid-template-columns: 1fr;
			
		}

		.contact_box 
		{
			grid-template-columns: 1fr;
		}
	



		.header_container
		{
			padding: 10px 20px 10px 0px;
		}


		.news_body_content, .news_body_content.global
		{
			grid-template-columns: 1fr;
		}

		
		
		.storage_box div
		{
			padding: 10px;
			margin: 0;
		}
		
		.storage_box p
		{
			font-size: 16px;
		}
		
		.storage_box h2
		{
			font-size: 24px;
			line-height: 1.5;
			text-align: left;
		}
		
		
		
		.other_content
		{
			padding: 40px 4px;
		}
		
		
		.phylosophy_box div
		{
			padding: 5px;
			margin: 0;
		}
		
		.phylosophy_box p
		{
			font-size: 14px;
		}
		
		
		.phylosophy_box div:first-child
		{
			padding: 5px;
			margin: 0;
		}
		
		
		
		.icon_container
		{
			width: 90%;
		}
		
		
		.icon_container .icon_wrapper
		{
			width: 3100px;
		}
		
		@keyframes slide
		{
			0% {left: 0;}
			50% {left: -480%;}
			60% {left: 0;}
			
		}
	
	}
	

	@media only screen and (max-width: 550px)
	{

		.logo_text p, .logo_text small 
		{
			margin-left: 0px;
		}

	
	

		.logo_text p 
		{
			font-size: 16px;
		}

		.logo_text small 
		{
			font-size: 14px;
		}
		
		.logo_container a
		{			
			height: 80px;
			flex-basis: 110px;
		}

		.logo_container
		{
			height: auto;
			width: auto;
		}
		
	}


	@media only screen and (max-width: 527px)
	{
		.news_box.about
		{
			grid-template-columns: 1fr;
		}

		.brand_section
		{
			padding: 60px;			
		}
	}



	@media only screen and (max-width: 480px)
	{

		.brand_section
		{
			padding: 50px;			
		}

		
		.icon_container .icon_wrapper
		{
			width: 2700px;
		}
		
		@keyframes slide
		{
			0% {left: 0;}
			50% {left: -530%;}
			60% {left: 0;}
			
		}
	
	}



	@media only screen and (max-width: 448px)
	{

		.news_title.about
		{
			font-size: 30px;
			margin-top: 20px;
		}
	
	}


	@media only screen and (max-width: 436px)
	{
		.contact_img_card 
		{
			width: 300px;
			height: 300px;
			margin: auto;
		}
	}
	
	
	@media only screen and (max-width: 320px)
	{
		
		.icon_container .icon_wrapper
		{
			width: 1800px;
		}
		
		@keyframes slide
		{
			0% {left: 0;}
			50% {left: -530%;}
			60% {left: 0;}
			
		}
	
	}