@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,500;0,600;0,700;0,800;1,500;1,600;1,700&family=Poppins:ital,wght@0,300;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;1,300&display=swap');

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	/*font-family: 'Roboto', 'Poppins', sans-serif;
	font-family: calibri, candara, sans-serif;*/
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
	/*border: 1px solid red;*/
}

:root{
	/* Workmate Colour Theme */
	--Workmate-Green-Deep: rgb(13, 149, 47);
	--Workmate-Green-Light: rgb(221, 237, 227);
	--Workmate-Paragraph-Text: rgb(25, 85, 49);
	--Workmate-Background-Color: rgb(230, 235, 239);
	--Workmate-Faint-Background-Color: rgba(13, 149, 47, 0.1);
	--Workmate-Sides-Background-Color: rgb(245, 250, 244);
	
	/*
	--EnaseTech-SkyBlue: rgb(25, 85, 49);
	--EnaseTech-SkyBlue-light: rgb(217, 229, 247); 
	*/
	
	/* Enase-Tech Other Colours */
	--White-like-colour: rgb(241, 242, 245);
	--French-button: rgb(167, 97, 255);
	--White-Color: rgb(255, 255, 255);
	/* background-color: rgb(154, 205, 50); yellowgreen color code */
}

.newBackground {
	background-color: yellowgreen;
}

.nextBackground {
	background-color: yellowgreen;
}

.content {
	display: grid ;
	grid-template-columns: 1fr auto 1fr; /**/
	
	width:100%;
	font-family: 'Roboto', 'Poppins', sans-serif;
	font-size:20px;
	padding:0px;
	margin:0px;
	color: var(--Workmate-Paragraph-Text);
}


/*
.content {
	display: grid ;
	grid-template-columns: 1fr auto 1fr ;
	
	width:100%;
	font-family: 'Roboto', 'Poppins', sans-serif;
	font-size:20px;
	padding:0px;
	margin:0px;
	color:rgb(0,0,0);
}
*/


/* Beginning of top sticky navigation menu */

.top-header{
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 65px;
	padding: 5px 5%;
	font-size: 16px;
	background-color: var(--Workmate-Green-Deep);
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.logo{
	font-size: 22px;
	font-weight: 600;	
	color: var(--EnaseTech-SkyBlue-light);
	letter-spacing: 1.5px;
	width: 100px;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.top-header .logo{
	width: 100%;
	padding-left: 0;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.menu{
	max-width: 600px;
	height: 40px;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.explore{
	width: 115px;
	height: 30px;
	padding: 5px 15px;
	margin: 3px 5px;
	color: var(--Workmate-Paragraph-Text);
	background-color: var(--White-like-colour);
	border: 2px solid var(--White-like-colour);
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 0 0 0 rgb(red, green, blue);
	cursor: pointer;

	display: flex;
	justify-content: center;
	align-items: center;/**/
}

a{
	text-decoration: none;
}

.logo-colourless{
	width: 100%;
	text-align: none;
	color: var(--White-Color);
}

.white-bgcolor{
	width: 24px;
	padding: 3px ;
	margin-right: 5px;
	background-color: white;
	border-radius: 2px;
	text-align: center;

	/**/
	/*display: flex;
	align-items: center;
	justify-content: center;*/
}

.white-bgcolor .enase-minimal{
	width: 18px;
	height: 18px;
	border-radius: 3px;	
}

.bold-it{
	font-weight: 600;
}

.drop-format{
	font-size: 12px;
	font-weight: 100;
}



/* End of top sticky navigation menu */



.FirstRow {
	grid-column:  span 3 ;
	height:auto;
	width:100%;
	font-family: 'Roboto', 'Poppins', sans-serif;
	margin: 66px 0 2px 0;
	font-weight: bold ;
	background-color: #F1F8E9 ;
	padding: 0px auto ;
}


.new-Workmate {
	/*display: none;  	I just added this code to 
						make logo to not show on 
						larger scrrens except mobile
					*/
	width : 170px ;
	height : auto ;
	border-radius: 7px ;
	margin: 0 auto;
		
}

.form-logo {
	
	width : 100px ;
	height : auto ;
	border-radius: 5px ;
	margin-top: 20px;
	outline: 2px solid yellowgreen;
		
}

.nworkmate {
	
	width : 150px ;
	height : auto ;
	border-radius: 7px ;	
	
}
	
	
body {  		
		background-color: white ;
		font-family: 'Roboto', 'Poppins', sans-serif;
		font-size: 18px ;
		color: rgb(0,0,102);
		text-align: left ;
		width: 100% ;
		/* font-weight: bold ; */
		margin: 0px ;
	}

	
	
.navigation {
	
			grid-column:  span 3 ;
			max-height:160px;
			margin: 0;
			background-color: rgb(254, 207, 52) ;
			font-family: 'Roboto', 'Poppins', sans-serif;
			text-align:center;
			padding: 0;
			color:rgb(0, 0, 255);
			font-size:16px;
			width:100%;	
			
	
}

.navigation1 {
	
		grid-column:  span 3 ;
		max-height:290px;
		margin-top: 0;
		/* background-color: rgb(245, 250, 244); */
		background-color: rgba(13, 149, 47, 0.1);
		font-family: 'Roboto', 'Poppins', sans-serif;
		text-align:center;
		padding: 0;
		color:rgb(0, 0, 255);
		font-size:16px;
		width:100%;	
		text-align: center ;
		padding-bottom: 4px ;
		font-weight: bold ;

}

.menubar {  
			
		grid-column:  span 3;
		width: 100%;
		/* max-height: 180px; */
		max-height: fit-content;
		color:rgb(255, 255, 255);
		background-color: rgb(44, 104, 254);
		font-family: 'Roboto', 'Poppins', sans-serif ;
		text-align: center;
		margin: 0px ;
		margin-bottom: 1px ;
		padding: 10px 0;
		padding-bottom: 4px ;
		font-size: 20px ;
		font-weight: bold ;
		
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		
}

.navigation-fr {	
	font-weight: bold ;
	width:auto;
	background-color:rgb(240, 255, 240);
	text-align:center;	
	margin-top:4px;
	margin-bottom:4px;
	max-height:164px;
	height:auto;
	font-family: 'Roboto', 'Poppins', sans-serif;
}

.TVE-Adverts{	
	/* max-width:180px; */
	text-align:left;
	vertical-align:top;
	padding:0px;
	background-color: var(--Workmate-Sides-Background-Color);
	margin: 2px ;
	text-align: center;
}

.MyContent{	
	/*width: 95%;  */
	color: rgba(0, 0, 0, 0.5);
	font-family: 'Roboto', 'Poppins', sans-serif;
	font-weight: bold;	
	padding: 6px 4%;
	font-size: 20px;
	margin: 2px auto;
	vertical-align:top;
	background-color: rgb(245, 250, 244);
	text-align:left;
	line-height: 1.3em ;
}

.Vertical-menu {		
	/* max-width:180px; */
	text-align: center ;
	vertical-align:top;
	padding:5px;		
	background-color: var(--Workmate-Sides-Background-Color);
	margin: 3px ;		
	}

.button-green { 

	  width:165px;
	  height:33px;
	  background-color: rgb(25, 85, 49);  
	  border: 1px solid #33691E ;
	  color: white;		  
	  font-family: 'Roboto', 'Poppins', sans-serif;
	  /*font-size: 16px;*/
	  font-size: 15px;
	  margin:6px 2px 2px 2px ;
	  border-radius:7px;
	  cursor:pointer;
	  font-weight: bold ;
	  text-align: center;
		  
}

.button {
	width:165px;
	height:33px;
	background-color: white;  
	border: 1px solid var(--Workmate-Green-Deep);
	color: #33691E ;		  
	font-family: 'Roboto', 'Poppins', sans-serif;
	/*font-size: 16px;*/
	font-size: 15px;
	margin:6px 2px 2px 2px ;
	border-radius:7px;
	cursor:pointer;
	font-weight: bold ;
	text-align: center;		  
}

.button:hover {	
	color: navy;
	font-weight: bold;
	border: 2px solid navy;	
}

.CTA-button {
	width:410px;
	height:40px;
	color: white; 		  
	background-color: rgb(44, 104, 254);
	font-family: 'Roboto', 'Poppins', sans-serif;
	/*font-size: 16px;*/
	font-size: 18px;
	margin:6px 2px 2px 2px ;
	border-radius: 5px;
	cursor:pointer;
	font-weight: bold ;
	text-align: center;		  
}

.CTA-button:hover {	
	color: rgb(44, 104, 254);
	background-color: white;
	border: 1px solid rgb(44, 104, 254);
	font-weight: bold;
	transition: 2.1s ease;
}

.longbutton { 
		  width:300px;
		  height:35px; 
		  font-family: 'Roboto', 'Poppins', sans-serif;
		  font-size:16px;
		  margin:6px 2px 2px 2px ;
		  border-radius:7px;
		  cursor: pointer;	  
		  color: green ;
		  background-color: white ;  
		  border: 2px solid green ;		  
		  font-weight: 600 ;
}

.longbutton:hover {
	
	color: rgb(44, 104, 254);	
	background-color: white ;  
	border: 3px solid rgb(44, 104, 254);
		
}

.specialButton { 
		  /*width:170px;*/
		  width:150px;/**/
		  height:35px;
		  background-color:rgb(253, 245, 230);
		  color: #33691E ;		  
		  font-family: 'Roboto', 'Poppins', sans-serif;
		  font-size:14px;
		  margin: 5px 2px ; /**/
		  border-radius:7px;
		  border:1px solid #33691E;
		  cursor:pointer;
		  font-weight: bold ;
}

.specialButton:hover {	
	color: navy;
	font-weight: bold;
	border: 2px solid  navy;	
}



.language-button { 

			width:185px;
		  height:35px;
		  border:0px solid;	
		  background-color:rgb(60, 179, 113);
		  color:rgb(253, 245, 230);
		  font-family: 'Roboto', 'Poppins', sans-serif;
		  font-size:19px;
		  margin:3px;
		  border-radius:7px;
		  cursor:pointer;
		  font-weight: bold ;
}

.language-button:hover {
	
	background-color:rgb(255, 165, 0);
	color:rgb(253, 245, 230);
	box-shadow:0 5px 10px rgb(255, 239, 213);
	border:2px solid rgb(255, 250, 240);
	transform:scale(1.1);
	
}

.long-button { 

		  max-width: 90%;
		  width: 450px;
		  height: 35px ;
		  border:0px solid;	
		  background-color:rgb(60, 179, 113);
		  color:rgb(253, 245, 230);
		  font-family: 'Roboto', 'Poppins', sans-serif;
		  font-size:19px;
		  margin:3px;
		  border-radius:7px;
		  cursor:pointer;
		  font-weight: bold ;
}


.frbutton { width:185px;
		  height:35px;
		  border:0px solid;	
		  background-color:rgb(125, 95, 255);
		  color:rgb(255,255,255);
		  font-family: 'Roboto', 'Poppins', sans-serif;
		  font-size:19px;
		  margin:3px;
		  border-radius:7px;
		  cursor:pointer;
		  
}

.frbutton:hover {
	
	background-color:rgb(255, 0, 255);
	color:rgb(253, 245, 230);
	
}


.shortcutsbutton { 	  
	
    width:190px;
	height:35px;
	border:0px solid;	
	background-color:rgb(196, 229, 56);
	color:rgb(27, 20, 100);
	font-family: 'Roboto', 'Poppins', sans-serif;
	font-size:16px;
	margin:5px;
	border-radius:7px;
	cursor:pointer;
	font-weight: bold ;	  		  
}

.shortcutsbutton:hover {
	
	background-color:rgb(255, 0, 255);
	color:rgb(245, 255, 250);

	}

.Learn-button { width:215px;
		  height:35px;
		  border:0px solid;	
		  background-color:rgb(255,255,0);
		  color:rgb(255,0,255);
		  font-family: 'Roboto', 'Poppins', sans-serif;
		  font-size:19px;
		  margin:3px;
		  border-radius:7px;
		  cursor:pointer;
		  font-weight: bold ;
}

.content .bottom-menu-tag { 	
			
		grid-column:  span 3 ;
		color: rgba(0, 0, 0, 0.75);
		margin: 0px 0px 1px 0px ;
		background-color: rgba(0, 0, 0, 0.06);
		font-size: 15px ;	
		font-weight: none ;
		font-family: calibri, arial, "Comic Sans MS" ;
		text-align: center ;
		padding: 7px 0 ;
		width: 100% ;
	
}

 .content  .bottom-menu-tag p {
	 
			font-style: italic;
			padding: 0;
			/*background-color: rgb(245, 250, 244);*/
			
	}
	
.make-Bold{
	font-size: 18px;
	font-weight: 600;
}

.content .blog-links-wrapper {
	
	display: grid;
	grid-column: span 3; 
	place-items: center;
	grid-template-columns: 1fr 1fr 1fr;/**/
	grid-gap: 10px;
	background-color: rgb(44, 104, 254);
	
	
	/* This is previous styling. In case the grid styling above doesnt work, revert to this styling below. */
	/*
	grid-column: span 3; 
	height: auto;
	min-width: 100%;
	color: var(--Workmate-Paragraph-Text);
	background-color: var(--Workmate-Faint-Background-Color);
	text-align: center;
	padding: 4px 0;
	margin: 0 0 1px 0;
	*/
}

.content .blog-card{
	width: 100%;
	height: fit-content;
	padding: 5px;
} 

.content .blog-card:nth-child(1){
	margin-left: 15px;
} 

.content .blog-card:nth-child(3){
	margin-right: 15px;
}  

.p-links{
	color: white;
	font-size: 12px;
	font-family: calibri, candara, sans-serif;
	/* font-weight: bold; */
	width: 80%;
	padding: 3px;
	margin: 5px auto;
	margin-bottom: 7px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid white;
	cursor: pointer;
}

.blue-colour{
	color: blue;
	cursor: pointer;
}


.content .myfooter {
	
	grid-column:  span 3 ;
	margin: 0 0 46px 0 ;
	background-color: rgb(245, 250, 244);
	width:100%;
	height:auto;
	text-align:center;
	padding: 4px 0;
	font-size: 15px ;
	font-weight:bold;
	
}

.social-Icons {
	
	width: 25px ;
	height: auto ;
	margin-right: 15px ;
	border-radius: 4px ;
	cursor: pointer;
	
}

.MyImages{
		
	text-align:center;
	cursor:pointer;
	
	}




.quotes { 
	
	/* text-shadow:#0F6; */
	color: blue ;
	font-size:18px;
	font-style: normal ;
	width:360px;
	height:auto;
	background-color:rgb(255, 245, 238);
	padding:7px;
	border-radius:10px;
	line-height: 1.2em ;
}

.adsensehorizontal {
					
					background-color:rgb(255,255,255);
					padding:15px;
					width:400px;
					height:auto;					
					text-align:center;
					margin:0px auto;
					border-radius:7px;
	
}

.ColourTable { 

				width:700px;
				border:1px solid rgb(255,255,204);
				border-collapse:collapse;
				padding:5px;
				text-align:center;	
				
}


	



th, td { 		
				
				width:200px;
				border:1px solid rgb(255,255,204);
				border-collapse:collapse;
				padding:5px;
				background-color:rgb(245, 245, 220);
				
	
}

td { 	color:black;
		text-align:center;
		height:60px;
	
	
}

.Blog-form { 	
				width:200px;
				border:1px solid rgb(255,255,204);
				border-collapse:collapse;
				padding:5px;
				background-color:rgb(245, 245, 220);
		}

.public-announcement {
			
			grid-column:  span 3 ;
			margin: 2px 0px;
			background-color: var(--Workmate-Faint-Background-Color);
			font-family: calibri, arial, "Comic Sans MS";
			text-align: center;
			padding: 7px 0;			
			max-height: 290px;
			color: green;
			font-size: 14px;
			width: 100%;	
			font-weight: none;	/*
			border-top: 1px solid green;
			border-bottom: 1px solid green;*/
				
}


.content .public-announcement > p {
	
	font-style: italic ;
	color: green ;
	padding: 0px ;
	font-size:14px;
		
}

.the-tagline-text{
	width: 80%;
	margin: 10px auto;
	font-weight: 600;
}

.nextbar { 
			
			grid-column:  span 3 ;
			height:auto;
			background-color:rgb(204,0,255);
			width:100%;
			text-align:center;
			font-family:candara, arial, "Comic Sans MS";
			color:white;
			
}

.boxads-wrapper {
	max-width: 315px;
	height: fit-content;
	/*border: 2px solid #ccc;*/
	padding: 30px auto;
	margin: 15px 0 15px 0;
}

.holdadsense{ 
				
	background-color: yellowgreen;
	height: auto ;
	font-family: candara, arial, "Comic Sans MS";
	border:thick;
	max-width:280px;
	padding:15px;/*
	margin-right:15px;
	margin-bottom:15px;*/
	margin:15px;
	border-radius: 7px ;
	text-wrap: nowrap;
	transition: 0.4s ease;
	
}

.holdadsense:hover{ 
				
	transform: scale(1.02);
	
}


.holdadsense2 { 
				
	background-color:rgb(255,255,0);
	height:auto;
	font-family:candara, arial, "Comic Sans MS";
	border:thick;
	max-width:40%;
	float:right;
	padding:10px;
	width:315px;
	margin-right:25px;
	border-radius:15px;	
}


.holdadsense3 { 
				
	background-color:rgb(153,255,0);
	height:auto;
	font-family:candara, arial, "Comic Sans MS";
	margin:15px 15px 0 0;
	border:thick;
	max-width:40%;
	float:left;
	padding:15px;
	
}

.menubar1 {
	max-height:80px;
	background-color:white;
	width:100%;
	font-family:candara, arial, "Comic Sans MS";
	text-align:center;
			
}

.Contactus {  
			
			
	background-color: rgb(211, 240, 175) ;
	text-align:center;
	font-size: 16px ;
	color: rgb(7,75,136) ;
	width: 500px ;
	height:auto;
	/* clear:both; */
	/* overflow:auto; */
	border-radius: 10px 10px 10px 10px ;
	margin: 7px auto ;
	padding-left: 10px ;
	padding-right: 10px ;
	padding-top: 10px ;
	padding-bottom: 10px ;
	line-height: 1.2em ;
			
}


.Contact-column1 {
	
	
	/* float:left; */
	width:92%;
	height:auto;
	margin:10px auto ;
	padding:10px auto ;
	
	}
	
.Contact-column2 {
	
	
	/* float:right; */
	width:92%;
	height:auto;
	margin:10px auto ;
	padding:10px auto ;
	
	}


.colours { text-align:center;
			color:blue;
			font-size:16px;
	
	
}

.Background {
	
			height:auto;
			width:100%;
			font-family:candara, arial, "Comic Sans MS";
			text-align:center;
			padding:3px;

	}
	
	
.Ad-Parrot {  
	width: 100%;
	background-color: rgb(44, 104, 254);
	color:#FFF;
	font-family:candara, verdana, sans-serif;
	font-size:15px;
	padding:5px;
	border-radius:7px 7px 0px 0px;
	text-align: center;
}
	
	
.Ad-Background{
	text-align: center;
	color: blue;
	font-size: 16px;
	background-color: rgb(240, 255, 240);
	padding: 0%;
	font-family: Consolas, "Segoe Print", Verdana;
	width: 96%;		
}
	
	
.Ad-Footer {
	width: 100%;
	background-color: rgb(44, 104, 254);
	color:#FFF;
	font-family:candara, verdana, sans-serif;
	font-size:12px;
	padding:3px;
	border-radius:0px 0px 7px 7px;
	text-align:center;
	margin-bottom: 15px;
}
	 
.alternatingAds {
	width: fit-content; 
	height:	auto;
	padding: 5px 2px;
	margin: 0 auto;
	background-color: rgb(245, 250, 244);
}

.separatingLine {
	
	width : 160px ;
	margin: 20px auto ;
	font-weight: bold ;
	background-color: blue ;
	
}

.separationLine {
	
	 background-color: white ; 
	 max-width: 350px ; 
	 margin: 5px auto ;
	
}
	
span { 

	background-color:rgb(255,255,255);

}
	
.parrot-contactus{
	font-size: 14px;
	text-align: center;
	font-weight: 600;
}	

.Invitefriend {  

	width:100%;
	height:auto;
	text-align:center;
	margin:2px;
	background-color:rgb(255, 215, 0);
	font-family:candara, verdana, sans-serif;
	padding-left:5px;
	padding-right:5px;
	border-radius:7px;
	
	
	}
	
.TextField {  	 
				
	 width: 100% ;
	 height: 35px ;
	 color: blue ;
	 margin: 0px ;
	 font-size: 20px ;
	 font-family: candara, verdana, sans-serif ;
				 	
	}
	
.Vacancyfield {  
				
	width: 90%;
	height: auto;
	font-size: 16px;
	padding: 5px;
	font-family: 'Roboto', 'Poppins', sans-serif;
	border-radius: 5px;
	background-color: white;
	color: navy;
	margin: 0 0 20px 4%;
	font-weight: 600;
	padding-left: 12px;
				 
}

.Vacancyfield-Date {  
				
	width: 85%;
	height: auto;
	font-size: 16px;
	padding: 5px;
	font-family: 'Roboto', 'Poppins', sans-serif;
	border-radius: 5px;
	background-color: white;
	color: navy;
	font-weight: 600;
	margin: 0 0 20px 4%;
	padding-left: 12px;
				 
}
	
.Drop-down {  
				
	width: 95%;
	height: auto;
	font-size: 16px;
	padding: 5px;
	border-radius: 5px;
	background-color: white;
	color: black;
	margin: 0 auto 20px auto;
	padding-left: 12px;
				 
}

.Drop-down-list {  
				
	width: 95%;
	height: auto;
	font-size: 16px;
	padding: 5px;
	border-radius: 5px;
	background-color: white;
	color: black;
	margin: 0 auto 20px 4%;
	padding-left: 12px;
				 
}
	
.contentform-align {
	text-align: left;
}
.Parrot-Ads {
	
	margin:1%;
	
}
	
	
.Backgroundwhite {
	
	background-color:white;
	padding:5px;
	border-radius:5px;
	color: #33691E ;
	font-family: 'Roboto', 'Poppins', sans-serif;
	font-weight: bold ;
}
	
.form-Backgroundwhite {
	
	background-color: green;
	padding: 5px;
	border-radius: 5px;
	color: yellowgreen;
	font-size: 16px;
	
}

.ApplicantsTable {
	
	background-color:blue;
	padding:10px;
	width:auto;
	height:auto;
	
	
	
}

.Experience-Workmate{
	width: 100%;
	background-color: white;
	border-radius: 5px;
	color: rgb(44, 104, 254);
	padding: 10px;
	margin: 20px auto;
	font-family: 'Roboto', 'Poppins', sans-serif;
	font-weight: bold;
	text-align: center;
	border: 1px solid green;
	border-bottom: 5px solid green;
}

.corporate-w-logo{
	width: 100px;
	border-radius: 5px;
	margin: 5px;	
	border: 1px solid rgb(13, 149, 47);
}

.Formaccess {
	
	/* max-width:80%; */
	padding: 10px auto ;
	text-align: center ;
		
}



.FormFields {  	 width:auto;
				 height:35px;
				 color:blue;
				 margin:0px;
				 font-size:20px;
				 font-family:candara, verdana, sans-serif;
	
	
	}


a {
     text-decoration: none;
}

mark {
	
     background-color:rgb(72, 61, 139);
	 color:rgb(253, 245, 230);
	 padding:3px 30px;
	 border-radius:7px;
	 font-size:23px;
	 font-weight:bold;
	 line-height:60px;
	 
}



.Employerssignup {
	
	text-align:left;
	background-color:rgb(153,51,255);
	padding:25px;
	border-radius:10px;
	font-family:tahoma, arial, verdena;
	width:250px;
	
	
}


/* img { */
	
	
	/* margin: 0px ; */
	/* padding: 0px ; */
	
	
/* } */


.circular-image img {
	
	border-radius:35% 0% 35% 0%;
		
	
}


h1 {
	
	/*color: rgb(60, 179, 113);*/
	color: var(--Workmate-Green-Deep);
	font-size: 38px ;
	font-family: 'Roboto', 'Poppins', sans-serif;
	line-height: 50px ;
	margin : 15px ;
	font-weight: bold ;
	text-align: center;
}


h2 {
	
	color: var(--Workmate-Green-Deep);
	font-size: 34px ;
	font-family: 'Roboto', 'Poppins', sans-serif;
	line-height: 1.2;
	font-weight: bold ;
	text-align:center;
}

h3 {
	
	color: var(--Workmate-Green-Deep);
	font-size:30px;
	font-family: 'Roboto', 'Poppins', sans-serif;
	line-height: 40px ;
	font-weight: bold ;
	text-align: center;
	
}

h4 {
	
	color: #33691E ;
	font-size:26px;
	font-family: 'Roboto', 'Poppins', sans-serif;
	line-height: 40px ;
	font-weight: bold ;
	text-align: center;
}

.heading-color {	
	color: blue;
	font-size: 24px ;
	font-family: 'Roboto', 'Poppins', sans-serif;
	line-height: 40px ;
	font-weight: bold ;
	text-align: left;
}

.small-color {	
	color: navy;
	font-size: 22px ;
	font-family: 'Roboto', 'Poppins', sans-serif;
	line-height: 40px ;
	font-weight: bold ;
	text-align: center;
}

.small-heading-color {	
	color: blue;
	font-size: 28px ;
	font-family: 'Roboto', 'Poppins', sans-serif;
	line-height: 40px ;
	font-weight: bold ;
	text-align: left;
}

.color-styling{
	color: yellowgreen;
	text-align: center;
	margin: 20px auto;
}

.headline-Ads-H2 {	
	color: rgb(0,0,153);
	text-align:center; 
	font-family:candara, arial, calibri;
	font-size: 24px ;
	
}

.headline-Ads-H3 {
	
	color:  yellowgreen ; 
	text-align:center; 
	font-family:candara, arial, calibri;
	font-size: 26px ;
	
}

.left-align-subheading{
	color: rgb(0,0,153);
	text-align:center; 
	font-family:candara, arial, calibri;
	font-size: 28px ;
	text-align: left;
}

.AdsenseAdsStyling {
	
	color:rgb(75, 0, 130);
	background-color:rgb(1240, 255, 255);
	font-size:25px;
	font-family:calibri, candara, tahoma;
	border-radius:10px;
	margin: 2px;
		
}


.AdsenseAdsStyling2 {
	
	max-width:350px;
	color:rgb(75, 0, 130);
	background-color:rgb(1240, 255, 255);
	font-size:25px;
	font-family:calibri, candara, tahoma;
	border-radius:10px;
	margin:2px auto;
	
	
}

.partOneStyling{
	
	border-radius: 7px ;
	
	padding: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.Foodmenu {
	
	background-color:rgb(1240, 255, 255);
	
}

.frameit {	
	width: 150px;
	height: 45px;
	background-color: rgb(25, 25, 112);
	border-radius: 20px 3px 3px 20px;
	color: white;
	padding: 10px;
	padding-left: 20px;
	margin-left: 35px;
	margin-bottom: 10px;
}


.LoginMessage {
	
	width:100px;
	height:auto;
	background-color:red;
	padding:10px;
	
}
	
.Client-AccountProfile {
	
	float:right;
	background-color:rgb(159, 175, 223);
	padding:7px; 
	color:rgb(245, 255, 250); 
	border-radius:7px;
	width:225px;
	height:auto;
	margin-bottom:30px;
	text-align:center;
	
}

.jobseekerPicture {
		
	text-align: center ;
	background-color: rgb(225, 225, 225);
	
}

.jobseekerBio {
	
	background-color: rgb(225, 225, 225);
	text-align: center ;
	
}

.Ad-Background .logo {
	
	border-radius: 50% ;
	background-color: #FFF ;
	margin: 15px auto ;
	
}

.Ads-Wrapper > .Ad-Parrot, 
.Ads-Wrapper > .Ad-Background, 
.Ads-Wrapper > .Ad-Footer {
	
	width: 500px ;
	margin: 0px auto ;
	line-height: normal ;
	
}

.SearchForm {
	
	padding:20px;
	text-align:center;
	height:auto;
	background-color:rgb(159, 175, 223);
	clear:both;
	border-radius:12px;
	color:white;
	
}

.greetingsDiv {
	
	background-color:rgb(253, 245, 230); 
	padding:7px; 
	color:rgb(0, 0, 128); 
	border-radius:7px;
	margin-bottom:3px;
	
}


	
.Client-AccountUpdate {
	
	background-color:rgb(159, 175, 223);
	padding:7px; 
	color:rgb(245, 255, 250); 
	border-radius:7px;
	width:100%;
	height:auto;
	margin-bottom:30px;
	text-align:center;
		
}

.workbanner-1200 {
	display: block;
	width: 100% ; 
	height: auto ;
	margin: 0px auto; 
	
}

.workbanner-992 {
	display: none;
	width: 100% ; 
	height: auto ;
	margin: 0px auto; 	
}

.workbanner-765 {
	display: none;
	width: 100% ; 
	height: auto ;
	margin: 0px auto; 	
}

.workbanner-576 {
	display: none;
	width: 100% ; 
	height: auto ;
	margin: 0px auto; 	
}

.jobseekersBanner{	
	width: 160px;
	border-radius: 7px;
	/*aspect-ratio: auto 160 / 600;
	height: 600px;*/	
}

.logo {	
	width: 140px ; 
	height: auto ;
	margin: 2px auto; 
	border-radius: 7px ;
}

.banner-alignment  {
	
	text-align: center ;
	margin: 4px auto; 
	border-radius: 7px ;
	
	/* This image and div are currently hidden */
	display: none ;
	
	
	
	
	
}

.banner-alignment .inline-banner  {
	
	max-width: 400px ; 
	/* min-width: 200px ;  */
	height: auto ;
	margin: 4px auto; 
	border-radius: 7px ;
}


.EmployersSignUp {
	
	float:right;
	
}

.wrapper {
	
	width: 100%;	
	background-color:rgb(245, 255, 250);
	border-radius:7px;
	height:auto;
	text-align:center;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

.Dishes {
	
	background-color:white; 
	border-radius:10px; 
	color:blue; 
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	
}

.Howtocook {
	
	text-align:center; 
	background-color:rgb(255, 245, 238); 
	border-radius:7px; 
	padding:7px; 
	width:400px; 
	color:rgb(46, 139, 87);	
	float:right;
	margin-left:7px;
	
}

.textareabox {
	
	width: 95%;
    max-width: 550px;
    height: 100px;
    margin: 0 2px 20px 2%;
    background-color: white;
    border-radius: 7px;
    border: none;
    padding: 10px 5px;
    color: black;
    font-family: calibri, arial, Courier;
    font-size: 16px;
    resize: none;
	
	border-top: 3px solid rgb(252, 211, 44);
	border: 3px solid green;	
	
}

.textareabox:focus{
  
  border: 2px solid rgb(223, 230, 0);
  outline: none ;
  font-size: 22px;
  opacity: .85;
  transition: font-size 4000ms;
  
}

.culinaryTextareabox {
	
	width: 350px ;
	min-width: 250px ;	
	height: 250px ;
	padding: 10px ;
	color:blue;
	font-size:16px;
	border-radius:7px;
	resize: none ;
	
}

.declarationText {
	
	font-size: 13px ;
	line-height: 15px ;
	width: 300px;
	
}

.AdsenseAds1 {
	
	margin: 0 auto ;
	max-width: 200px ;
	font-size: 16px ;
	border:1px solid white;
	background-color:rgb(159, 175, 223);
	padding:2% 2% 4% 2%;
	border-radius:7px;
	color:rgb(253, 245, 230);
	text-align:center;
	/* line-height: 1.4em ; */
	
}

.AdsenseAds2 {
	
	margin: 0 auto ;
	max-width: 200px ;
	font-size: 16px ;
	border:1px solid white;
	background-color:rgb(249, 202, 36);
	padding:2% 2% 4% 2%;
	border-radius:7px;
	color:rgb(0, 0, 128);
	text-align:center;
	/* line-height: 1.4em ; */
	
}

.AdsenseAds3 {
	
	margin: 0 auto ;
	max-width: 200px ;
	font-size: 16px ;
	border:1px solid white;
	background-color:rgb(104, 109, 224);
	padding:2% 2% 4% 2%;
	border-radius:7px;
	color:rgb(253, 245, 230);
	text-align:center;
	/* line-height: 1.4em ; */
	
}

.AdsenseAds4 {
	
	margin: 0 auto ;
	max-width: 200px ;
	font-size: 16px ;
	border:1px solid white;
	background-color:rgb(255, 140, 0);
	padding:2% 2% 4% 2%;
	border-radius:7px;
	color:rgb(253, 245, 230);
	text-align:center;
	/* line-height: 1.4em ; */
	
}

.AdsenseAds5 {
	
	margin: 0 auto ;
	max-width: 200px ;
	font-size: 16px ;
	border:1px solid white;
	background-color:rgb(119, 136, 153);
	padding:2% 2% 4% 2%;
	border-radius:7px;
	color:rgb(253, 245, 230);
	text-align:center;
	/* line-height: 1.4em ; */
	
}

.AdsenseAds6 {
	
	margin: 0 auto ;
	max-width: 200px ;
	font-size: 16px ;
	border: 1px solid white;
	background-color: rgb(72, 61, 139);
	padding: 2% 2% 4% 2%;
	border-radius: 7px;
	color: rgb(253, 245, 230);
	text-align: center;
	/* line-height: 1.4em ; */
	
}

.AdsenseAds7 {
	
	margin: 0 auto ;
	max-width: 200px ;
	font-size: 16px ;
	border:1px solid white;
	background-color:rgb(107, 142, 35);
	padding:2% 2% 4% 2%;
	border-radius:7px;
	color:rgb(253, 245, 230);
	text-align:center;
	/* line-height: 1.4em ;	 */
	
}

.AdsenseAds8 {
	
	margin: 0 auto ;
	max-width: 200px ;
	font-size: 16px ;
	border:1px solid white;
	background-color:rgb(153, 50, 204);
	padding:2% 2% 2% 2%;
	border-radius:7px;
	color:rgb(240, 255, 240);
	text-align:center;
	/* line-height: 1.4em ; */
	
}

.AdsenseAds9 {
	
	margin: 0 auto ;
	max-width: 200px ;
	font-size: 16px ;
	border:1px solid white;
	background-color:rgb(255, 228, 225);
	padding:2% 2% 2% 2%;
	border-radius:7px;
	color:rgb(0, 0, 128);
	text-align:center;
	/* line-height: 1.4em ; */
	
}

.largeFonts {
	
	font-size:25px;
	
	
}

.largerFonts {
	
	font-size:30px;
	
	
}

.Photo-frame {
	
	border-radius:50%;
	
}

.AdsenseAdsImages {
	
	border-radius:50%;
	width:170px;
	height:auto;
}

.navigationSelect-element{
	
	width:450px;
	height:45px;
	margin: 10px 0px 10px 0px ;
	background-color: rgb(223, 230, 255);
	font-size:18px;
	padding:3px 3px 3px 30px ;
	color: #33691E ;
	letter-spacing: 4px ;
	/* font-weight: bold ; */
	font-family: calibri, candara, sans-serif;
	border-top: 3px solid white ;
	border-bottom: 3px solid white ;
	cursor: pointer ;
	border-left: none ;
	border-right: none ;
	border-radius: 7px ;	
		
}

.navigationSelect-element > option {
	
	background-color:  navy  ;
	border-radius: 7px ;
	color: white ;
	font-size:16px;
	padding-top:  7px ;
		
}

.navigationSelect-element:hover{
	
		border:2px solid rgb(223, 230, 0);
		border-top: 2px solid navy ;
		border-bottom: 3px solid navy ;
		letter-spacing: 5px ;
		font-size: 20px ;
}

/* Application Form and its content codes start here */


.form-Content{
	
	width: 90%;
    max-width: 450px;
	margin: 10px auto ;
	padding: 5px ;
	font-size: 25px ;
	color: #0A47A9 ; 
	text-align: center ;
	background-color: #33691E;
	border-radius: 10px ;
	/*border:2px solid white;*/
}

.tag-msg{
	font-size: 14px;
	color: blue;
	background-color: white;
	border-radius: 5px;
	padding: 10px;
	margin: 10px;
	font-style: italic;
}

.form-Content form {
		
	font-size: 16px ;
	color: white ; 
	text-align: center;
	
}

.form-Content form p {
		
	text-align: left ;
	padding-left: 10px ;
	color: white ;
	font-size: 14px ;
}

.form-Content .formFormatting {
	
	/* border: 3px solid blue ; 
	background-color: white ;*/
	border-radius: 5px ;
	
}

.form-Content .formFormatting .heading1 {
	
	/* border: 1.5px solid blue ; */
	background-color: white ;
	border-radius: 10px ;
	color: green ;
		
}

.form-Content .formFormatting .heading2 {
	
	font-size: 20px ;
	color: yellowgreen ;
	line-height: 1.2;
}

.colourRed {
	
	color: red ;
	background-color: white ;
	
}

.small-Text {
	
	font-size: 12px ;
	color: white ;
	border-radius: 5px;
	padding: 5px ;
	margin: 0 auto;
	
}

.finalMessage{
	font-size: 16px;
	max-width: 350px;
	width: 100%;
	background-color: rgb(93, 187, 60);
	font-size: 14px; 
	padding: 5px; 
	margin: 15px auto; 
	color: white; 
	border-radius: 7px;
	text-align: center;
}

.finalMessage-failed{
	font-size: 16px;
	max-width: 350px;
	width: 100%;
	background-color: red;
	font-size: 14px; 
	padding: 5px; 
	margin: 15px auto; 
	color: white; 
	border-radius: 7px;
	text-align: center;
}

.mysuccess{
	background-color: green; 
	font-size: 18px; 
	padding: 7px; 
	color: white; 
	border-radius: 7px; 
	text-align: center; 
}

.small-Text-tiny {
	
	font-size: 9px ;
	color: white ;
	text-align: center;
	
}

.small-Text-title {
	
	font-size: 14px ;
	color: purple ;
	
}

.small-Text-blue {
	
	font-size: 14px ;
	color: blue ;
	margin-left: 10% ;
	
}

.small-FormText {
	
	font-size: 20px ;
	font-weight: 600;
	color: blue ;	
}

.small-FormTextinblue {
	
	font-size: 15px ;
	font-weight: 600;
	color: blue ;	
}

.colourFormatting{
	
	color: red ;
	text-align: center;
	font-size: 16px ;
}

.greenDiv {
	
	background-color:green; 
	font-size:16px; 
	padding:7px; 
	color:white; 
	border-radius:7px; 
	text-align:center;
	height: auto ;
	
}

.logout-container{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	overflow: hidden;	
	background-color: yellowgreen; 
}

.yellowgreenBackground{
	width: 80vw;
	height: 100vh;	
	font-size:16px; 
	padding:7px; 
	margin: 0 auto; 
	color:white; 
	border-radius:7px; 
	text-align:center;	
	background-color: green;
}

.logout-container h1, 
.logout-container .yellowgreenBackground{
	margin: 0 20%;
}

.logout-container h1{
	margin-top: 30%;
	margin-bottom: 20px;
}

.logout-container{
	height: 100%;
}

.rulingSeparation {
	
	height: 2px ;	
	background-color: yellowgreen ;
	font-weight: bold ;
	width: 85% ;
	margin: 0 auto ;
	
}

.intro-text{
	font-size: 18px;
	color: white;
	margin: 15px auto;
}

.label-formatting {
	
	font-family: 'Roboto', 'Poppins', sans-serif;
	font-weight: bold ;
	text-align: left ;
	padding: 5px ;
	margin-top: 20px;
}

.fieldDescription {
	
	/* font-weight: bold ; */
	text-align: left ;
	color: rgb(60, 179, 113);
	padding: 5px ;
	border-radius: 7px 7px 0 0 ;
	
}

.step1of3 {
	
	max-width: 300px ;
	margin: 10px auto ;
	
}

.form-Backgroundwhite .translated-text {
	
	color: white ;
	text-align: center ;
	
}

.contact{
	
	text-align: center ;
	
	
}

.contact > p {
	
	color: blue ;
	font-weight: bold ;
	
}

.contact > span {
	
	color: green ;
	font-weight: bold ;
	
}

.culinaryForm {
	
	width:70%;
	max-width: 400px ;
	height: fit-content;
	margin: 0px auto ;
	padding-top: 40px ;
	padding:15px auto ;
	background-color: #ccc;
	
	
	/*  */
	/*  */
	/*  */
	/*  50px; */
	/* margin-bottom:0px; */
	/* font-weight: 100 ; */
	
	
}

.culinaryWrapper{
	
	width: 100% ;
	padding: 10px auto ;
}


.MyContent .culinaryWrapper .culinaryForm{
		
	/* width: 350px; */
	max-width: 80% ;
	margin: 6px auto;
	
}


.smallCorporateLogo {
	
	width: 100px ;
	outline: 2px solid yellowgreen;
	border-radius: 5px;
	margin: 5px;
	
}

.singleImage {
	
	width: 100%;
	height: 184px;
	border-radius: 7px;
	
}

.logo-wrapper .stepbystep{
	width: 80%;
	font-size: 36px;
	color: white;
	border-radius: 5px;
	border: 2px solid white;
	margin: 10px auto;
	padding: 10px;
	font-weight: 600;
}

.failed-orange{
	max-width: 350px; 
	text-align: center; 
	font-size: 16px; 
	background-color: orange; 
	color: white; 
	border-radius: 5px; 
	padding: 7px 3px;
	margin: 5px auto;
	line-height: 1.4;
}

.entrance-msg{
	max-width: 350px; 
	text-align: center; 
	font-size: 16px; 
	background-color: orange; 
	color: white; 
	border-radius: 5px; 
	padding: 7px 3px;
	margin: 5px auto;
	line-height: 1.4;
}

/* Beginning of Job Vacancies Wrapper */
.jobs-wrapper{
	
}

.jobsdisplay{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	
	margin: 25px auto;	
}

.thisjobads{
	width: 210px;
    max-height: 950px;
	text-align: center;
    font-family: 'Roboto', 'Poppins', sans-serif;
    font-size: 16px;
    color: rgb(5, 4, 170);
    padding-top: 0;
    padding-bottom: 12px;
    margin: 5px;
    border: 2px solid rgb(220, 220, 220);
    border-bottom: 5px solid rgb(190, 190, 190);
    border-radius: 5px;
    overflow: hidden;
}

.thisjobads .jobads-titles{
	font-size: 18px;
	line-height: 1.2;
	padding: 10px 2px;
	margin: 0 auto;
	color: rgb(255,255,255);
	background-color: rgb(5, 42, 128);
	border-radius: 5px 5px 0 0;
}

.thisjobads .title-elements{
	font-size: 18px;
	color: blue;
	margin-bottom: -8px;
	margin-top: 5px;
}

.signup-button{
	font-size: 15px;
	width: 95%;
	height: 35px;
	color: rgb(13, 149, 47);
	background-color: beige;
	border-radius: 5px;
	border: none;
	border: 2px solid rgb(13, 149, 47);
	margin: 3px auto;
	cursor: pointer;
}

.register-button{
	font-size: 15px;
	width: 95%;
	height: 35px;
	color: white;
	background-color: rgb(13, 149, 47);
	border-radius: 5px;
	border: none;
	border-bottom: 5px;
	padding-top: 2px;
	margin: 5px auto;
	cursor: pointer;
}

.Call2Action-Green-button{
	font-size: 15px;
	width: 95%;
	max-width: 165px;
	height: 35px;
	color: white;
	background-color: rgb(13, 149, 47);
	border-radius: 5px;
	border: none;
	border-bottom: 5px;
	padding-top: 2px;
	margin: 5px auto;
	cursor: pointer;
}

.title-title{
	font-size: 40px;
	font-family: tahoma, calibri;
	color: rgb(0,0,0);
	padding: 5px 10px;
	margin: 15px 0;
	box-shadow: 0 0 10px 2px #ccc;
	border-radius: 5px;
	line-height: 2;
}

.jobads-description{
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* End of Job Vacancies Wrapper */

.clients-button {
    width: 180px;
    height: 35px;
    border: 0px solid;
    background-color: rgb(44, 104, 254);
    color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 255, 255);
    font-family: calibri, candara, tahoma;
    font-size: 16px;
    font-weight: 500;
    margin: 5px auto;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.clients-button:hover {
	
		background-color:white;
		color: green ;
		border: 3px solid rgb(0, 150, 0);
			
}

.notifier{
	width: 90%;
	padding: 5px;
	margin: 5px auto;
	color: white;
	background-color: red;
	border-radius: 5px;
}

/*

old marquee footer-scrolling

.bottom-footer{
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	font-size: 14px;
	padding: 10px 0;
	margin: 0px;
	width: 100%;
	max-height: 45px;
	color: var(--White-like-colour);
	background-color: var(--EnaseTech-SkyBlue);
	font-family: 'Roboto', 'Poppins', sans-serif;
	font-weight: 600;
	white-space: nowrap;

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.bottom-footer-scrolling{
	text-wrap: nowrap;
}

*/

/* Beginning of Marquee using jQuery */

.marquee-container {
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	font-size: 14px;
	padding: 10px 0;
	margin: 0px;
	width: 100%;
	max-height: 45px;
	color: var(--White-like-colour);
	background-color: var(--Workmate-Green-Deep);
	font-family: 'Roboto', 'Poppins', sans-serif;
	font-weight: 600;
	white-space: nowrap;

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.marquee-object{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

.news-headline{
	display: inline-block;/**/
	animation: news-headline  200s linear infinite;
	font-size: 15px;
	/*animation-duration: 50s;
	animation-delay: -1s;
	*/
	white-space: nowrap;
	/* font-family: calibri, candara, sans-serif; */
}

.news-headline:hover{
	animation-play-state: paused;
}

.vdivider{
	font-size: 22px;
	color: white;
	border-right: 2px solid white;
}

@keyframes news-headline {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.breakingnews{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 3px;
}

.breakingnews a{
	text-decoration: none;
	color: var(--White-Color);
}

/* End of Marquee using jQuery */


.title-formats{
	color: rgb(44, 104, 254);
	text-align: center;
	font-size: 25px;
	letter-spacing: 2px;	
}

.sub-title-formats{
	color: navy;
	text-align: left;
	font-size: 20px;	
}

.span-formats{
	color: rgb(44, 104, 254);	
}

.button-wrapper{
	min-width: 100%;
	text-align: center;
	/*border: 1px solid red;*/
}

.esl-register-button{
	font-size: 18px;
	width: 350px;
	height: 40px;
	color: rgb(255, 255, 255);
	background-color: rgb(44, 104, 254);
	text-align: center;
	padding: 6px 10px;
	/*margin: 15px auto;*/
	margin: 15px ;
	letter-spacing: 2px;	
	border-radius: 5px;
	border: none;
	font-weight: 600;
	cursor: pointer;
	transition: 2s;
}

.esl-register-button:hover{
	font-size: 22px;
	transform: scale(1.3);	
	letter-spacing: 0;
	background-color: rgb(44, 104, 254);
}

.wrap-it{
	width: 80%;
	padding: 25px;
	margin: 25px auto;
	text-align: center;
	font-weight: 600;
}

.tip-text{
	font-size: 16px;
	color: rgb(44, 104, 254);
	font-weight: 600;
	max-width: 300px;
	margin: 15px auto;
	margin-bottom: -40px;
	line-height: 1.6;
}

.blue-link{
	color: rgb(44, 104, 254);
	cursor: pointer;
}


/* Beginning of Contact Box Styling */

.Contact-Wrapper{
	font-size: 16px;
	width: 100%;
	max-width: 920px;
	border-radius: 5px;
	padding: 5px;
	margin: 5px auto;
	/* border: 1px solid red; */
	text-align: center;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.Contact-Wrapper-1{
	width: fit-content;
	border-radius: 5px;
	/* padding: 5px; */
	/* margin: 5px; */
	color: rgb(0, 0, 0);
	background-color: rgb(237, 240, 255);
	/* border: 1px solid red; */
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.Contact-Wrapper-2{
	width: fit-content;
	border-radius: 5px;
	margin: 5px 0;
	/* padding: 5px; */
	/* margin: 5px; */
	color: rgb(0, 0, 0);
	background-color: rgb(217, 226, 255);
	/* border: 1px solid red; */
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.Contact-Wrapper-3{
	width: fit-content;
	border-radius: 5px;
	margin: 5px 0;
	/* padding: 5px; */
	/* margin: 5px; */
	margin-right: 5px;
	color: rgb(0, 0, 0);
	background-color: rgb(181, 203, 253);
	/* border: 1px solid red; */
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.Contact-Wrapper-4{
	width: fit-content;
	border-radius: 5px;
	margin: 5px 0;
	/* padding: 5px; */
	/* margin: 5px; */
	margin-right: 5px;
	color: rgb(0, 0, 0);
	background-color: rgba(255, 255, 255, 0.25);
	/* border: 1px solid red; */
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.Contact-Wrapper-5{
	width: 100%;
	border-radius: 5px;
	/* margin: 5px 0; */
	/* padding: 5px; */
	color: rgb(0, 0, 0);
	/* border: 1px solid red; */
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.column-left-1, .column-left-2, .column-left-3, .column-left-4, .column-left-5{	
	width: fit-content;
	/* padding: 5px; */
	margin: 2px;
	/* border: 1px solid red; */
	
	display: flex;
	flex-direction: column;
	align-items: space-between;
	justify-content: center;
}

.Contact-Title{
	min-width: 90%;
	font-size: 14px;
	color: navy;
	background-color: rgb(250, 250, 250);
	/* border: 1px solid navy; */
	padding: 6px 3px;
	margin: 7.5px auto;
	border-radius: 5px;
	line-height: 1;
}

.Contact-Value{
	font-size: 18px;
	color: navy;
	padding: 3px;
	margin: 5px 3px;
	line-height: 1.5;
}

/* Beginning of Contact Box Styling */






/* Beginning of Checkbox Styling */

.wrapper-checkboxes{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-width: 100%;
	margin: 0 auto;
	margin-bottom: 15px;
	border: 1px solid var(--EnaseTech-light-grey);
}

.custom-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  margin-left: 20%;
  margin-bottom: 15px;
}

.custom-checkbox input {
  position: absolute;
  opacity: 0;
  margin-right: 10px;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ccc;
  border-radius: 4px;
}

.margin-left{
	margin-left: 35px;
}

.custom-checkbox input:checked + .checkmark {
  background-color: rgb(54, 253, 54);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-checkbox input:checked + .checkmark:after {
  display: block;
}

.custom-checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* End of Checkbox Styling */

.continue-web{
	font-size: 18px;
	font-weight: 600;
	width: 250px;
	height: 40px;
	color: green;
	background-color: rgb(255, 255, 255);
	border: 1px solid green;
	border-radius: 5px;
	padding: 5px 25px;
	margin: 25px;
	cursor: pointer;
}

.freewarning{
	font-size: 16px;
	font-weight: 600;
	width: 75%;
	color: red;
	background-color: rgb(255, 255, 255);
	border: 2px solid red;
	text-align: center;
	border-radius: 5px;
	padding: 10px;
	margin: 20px auto;
	margin-bottom: 20px;
	line-height: 1;
}


/* Beginning of Chinese Schools Advert section */

.tallAds-wrapper{
	min-width: 100%;
	padding: 15px 0;
	margin: 35px auto;
	background-color: rgba(230,230,230,0.4);
	border-radius: 5px;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.contentAds-Wrapper{
	width: 100%;
	max-width: 245px;
	margin: 15px auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid green;
	border-radius: 5px;
}

.thissectiontitle{
	width: 89%;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 0;
	margin: 5px auto;
	color: rgb(255, 255, 255);
	background-color: yellowgreen;
	border-radius: 5px;
	text-align: center;
	line-height: 1.3;
}

.thisSectionSalary{
	width: 89%;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 3%;
	margin: 5px auto;
	color: rgb(255, 255, 255);
	background-color: navy;
	border-radius: 5px;
	text-align: center;
	line-height: 1.3;
}

.schoolAds-wrapper{
	width: 90%;
	margin: 10px auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}


.schoolTitle{
	font-size: 14px;
	width: 100%;
	padding: 15px 0;
	margin-bottom: 10px;
	color: white;
	background-color: rgb(44, 104, 254);
	text-align: center;
	line-height: 1;
}

.schoolLocation{
	font-size: 16px;
	width: 100%;
	padding: 5px 5px;
	margin-bottom: 5px;
	text-align: center;
}

.schoolResponsibilities{
	font-size: 16px;
	width: 100%;
	padding: 5px 5px;
	margin-bottom: 5px;
	text-align: center;
}

.schoolRequirements{
	font-size: 16px;
	width: 100%;
	padding: 5px 5px;
	margin-bottom: 5px;
	text-align: center;
}

.esl-apply-button{
	font-size: 18px;
	width: 235px;
	height: 40px;
	color: rgb(44, 104, 254);
	text-align: center;
	padding: 6px 10px;
	margin: 15px auto;
	letter-spacing: 2px;	
	border-radius: 5px;
	border: none;
	border: 2px solid rgb(44, 104, 254);
	font-weight: 600;
	cursor: pointer;
	transition: 2s;
}

.makeBold{
	color: green;
	background-color: transparent;
	font-size: 18px;
	font-weight: 600;
	text-decoration: underline;
}

/* End of Chinese Schools Advert section */



/*  Beginning of Job Titles Boxes  */
.wrapper-jobsboxes{
	width: 95%;
	max-width: 850px;
	padding: 5px 10px;
	margin: 15px auto;
	background-color: rgba(253, 245, 230, 0.5);
	border-radius: 3px;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
}

.jobsboxes{
	font-size: 16px;
	font-weight: 600;
	width: 25%;
	max-width: 850px;
	height: 230px;
	padding: 5px 10px;
	margin: 3px;
	border-radius: 5px;
	border: 1px solid red;
	transition: 1.2s ease;
	cursor: pointer;
}

.jobsboxes:nth-child(1){
	color: navy;
	background-color: rgba(104, 109, 224, 0.1);
	border: 1px solid rgb(104, 109, 224);
}

.jobsboxes:nth-child(2){
	color: navy;
	background-color: rgba(255, 140, 0, 0.2);
	border: 1px solid rgb(255, 140, 0);
}

.jobsboxes:nth-child(3){
	color: navy;
	background-color: rgba(119, 136, 153, 0.4);
	border: 1px solid rgb(119, 136, 153);
}

.jobsboxes:nth-child(4){	
	color: navy;
	background-color: rgba(249, 202, 36, 0.1);
	border: 1px solid gold;
}

.jobsboxes .Mysmall-text{
	font-size: 12px;
	color: navy;
	background-color: transparent;
	line-height: 1.4;
}

.jobsboxes:hover{
	margin-bottom: 45px;
	/*
	transform: rotate(360deg);
	border: 2px solid #ccc;
	*/
}

.jobsboxes-service-titles{
	font-size: 16px;
	font-weight: 600;
	width: 25%;
	max-width: 850px;
	height: 290px;
	padding: 5px 10px;
	margin: 3px;
	border-radius: 5px;
	border: 1px solid red;
	transition: 1.2s ease;
	cursor: pointer;
}

.jobsboxes-service-titles:nth-child(1){
	color: navy;
	background-color: rgba(26, 115, 233, 0.2);
	border: 1px solid rgb(26, 115, 233);
}

.jobsboxes-service-titles:nth-child(2){
	color: navy;
	background-color: rgba(14, 166, 0, 0.1);
	border: 1px solid rgb(14, 166, 0);
}

.jobsboxes-service-titles:nth-child(3){
	color: navy;
	background-color: rgba(135, 92, 255, 0.1);
	border: 1px solid rgb(135, 92, 255);
}

.jobsboxes-service-titles:hover{
	margin-bottom: 45px;
	/*
	transform: rotate(360deg);
	border: 2px solid #ccc;
	*/
}
/*  End of Job Titles Boxes  */



.Center-Title{
	width: 100%;
	font-size: 22px;
	color: rgb(44, 104, 254);
	text-align: center;
	margin-bottom: 20px;
}

.subheading{
	width: 100%;
	font-size: 22px;
	font-weight: 600;
	color: rgb(44, 104, 254);
	text-align: left;
	margin-top: 25px;
	margin-bottom: 0;/**/
}

.WhatsApp-contact{
	width: 100%;
	font-size: 22px;
	color: var(--Workmate-Paragraph-Text);
	background-color: var(--Workmate-Faint-Background-Color);
	border-radius: 5px;
	text-align: center;
	padding: 15px 0;
	margin-top: 25px;
	margin-bottom: 25px;/**/
}

.img-wrapper{
	width: 100%;
	text-align: center;	
	margin-bottom: 25px;
	
	display: flex;
	align-items: center;
	justify-content: center;
}






/* Start of Service Boxes Styling */

.VAS_NAV_Buttons{
	width: 325px;
	height: 40px;
	color: white;
	background-color: rgb(37, 101, 75);
	padding: 5px 10px;
	margin-top: 15px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
}

.wrapper-bullet-points{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	
	width: 90%;
	margin: 25px auto;
	/*border: 2px solid red;*/
}

.bullet-points{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	
	width: 200px;
	height: 200px;
	text-align: center;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
	border: 2px solid red;
}

.bullet-points:nth-child(1){
	border: 3px solid rgb(26, 115, 233);
}

.bullet-points:nth-child(2){
	border: 3px solid rgb(216, 48, 37);	
}

.bullet-points:nth-child(3){
	border: 3px solid rgb(4, 17, 82);
}

.bullet-points:nth-child(4){
	border: 3px solid rgb(249, 171, 0);
}

.bullet-points:nth-child(5){
	border: 3px solid rgb(14, 166, 0);
}

.bullet-points:nth-child(6){
	border: 3px solid rgb(135, 92, 255);	
}









/* Start of Service Boxes Styling */



/* Beginning of Community Cards Styling */

.community_card_wrapper{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 25px;
	
	display: flex; 
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
}

.community_card{
	width: 190px;
	height: 475px;
	padding: 10px;
	margin: 10px 5px;
	border: 1px solid #333;
	border-top: 4px solid green;
	border-bottom: 4px solid green;
	border-radius: 5px;
	text-align: center;
	overflow: hidden;
}

.community_card .Post_ID{
	font-size: 20px;
	margin: 2px 0;
	margin-top: -20px;
}

.community_card .Announce_Title{
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom: 5px;
}

.community_card .Post_Author{
	color: rgb(60, 179, 113);
	font-size: 14px;
	font-family: Consolas, "Segoe Print", Verdana;
	margin-bottom: 15px;
}

.community_card  .Post_Msg{
	color: rgb(0, 0, 0);
	font-size: 14px;
	font-family: Consolas, "Segoe Print", Verdana;
	margin-bottom: 15px;
	line-height: 1.6;
}




/* End of Community Cards Styling */


.food-wrapper{
	width: 100%;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.food-card{
	width: 100%;
	max-width: 225px;
	height: 675px;
	margin: 3px;
	border-radius: 5px;
	
	border: 1px solid rgb(104, 109, 224);
	
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.food-title{
	color: beige;
	width: 100%;
	height: 100px;
	font-size: 25px;
	padding: 3px 6px;
	background-color: rgb(104, 109, 224);
	text-align: center;
	
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.food-items{
	min-height: 100%;
	padding: 0 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}


/* Beginning of Language Card Styling */

.lang-wrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	
	padding: 5px;	
	margin: 5px auto;	
	border-radius: 5px;
	overflow: hidden;
}

.general-card{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	
	font-size: 16px;
	width: 95%;
	margin: 5px;
	border: 1px solid blue;
	border-radius: 5px;
	background-color: rgba(44, 104, 254, 0.5);
}

.number-card, .first-card, .second-card{
	margin: 5px;
}


.number-card{
	color: black;
	width: fit-content;
	padding: 2px;
}

.first-card{
	color: rgb(44, 104, 254);
	min-width: 45%;
	padding: 5px;
	background-color: white;
	border: 1px solid rgb(44, 104, 254);
	border-radius: 5px;
}

.second-card{
	color: rgb(44, 104, 254);
	min-width: 45%;
	padding: 5px;
	background-color: beige;
	border: 1px solid rgb(44, 104, 254);
	border-radius: 5px;
	text-align: center;
}

 
/*End of Language Card Styling */


/*Beginning of Colour Card Styling */
.colour-wrapper{
	width: 100%;
	height: fit-content;
	margin: 25px auto;
		
	border: 1px solid purple;
}

.colour-card{
	width: 95%;
	margin: 10px auto;
	padding: 5px;
	border-radius: 5px;
	background-color: rgba(44, 104, 254, 0.25);
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;	
}

.colour-card-english{
	color: rgb(0, 0, 0);
	width: 30%;
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
	text-align: center;
}

.colour-palette{
	width: 35%;
	height: 40px;
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
}

.colour-card-french{
	color: rgb(0, 0, 0);
	width: 30%;
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
	text-align: center;
}

/*End of Colour Card Styling */


.end-text{
	font-size:20px;
	color: rgba(0, 0, 0, 0.5);
	margin-bottom: 25px;
}

.headlines_wrapper{
	width: 100%;
	margin: 5px auto;
	font-family: calibri, candara, sans-serif;
	border-radius: 5px;
	/* border: 1px solid red; */
		
	display: flex;
	flex-direction: column;
	/* flex-wrap: nowrap; */
	align-items: center;
	justify-content: center;	
}

.body_headlines_wrapper{
	width: 100%;
	margin: 5px auto;
	font-family: calibri, candara, sans-serif;
	border-radius: 5px;
	/* border: 1px solid red; */
		
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;	
}

.headlines_card{
	font-size: 16px;	
	color: blue;
	width: 100%;
	max-width: 160px;
	max-height: 200px;
	padding: 0;
	margin: 5px 2px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid rgb(0, 0, 0);
	line-height: 1;
}

.sal_range{
	font-size: 14px;
	color: navy;
	font-family: 'Roboto', 'Poppins', sans-serif;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	letter-spacing: 1px;
	/* border: 1px solid red; */
}

.sal_figure{
	font-size: 16px;
	color: navy;
	font-family: 'Roboto', 'Poppins', sans-serif;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	letter-spacing: 1px;
	/* border: 1px solid red; */
}

.title_label{
	width: 100%;
	height: 30px;
	font-size: 18px;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 0, 0);
	padding: 5px 5%;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
}

.ads_text_msg{
	font-size: 16px;
	font-weight: 600;
}

.classifieds-ads-title{	
	width: 100%;
	height: 45px;
	font-size: 14px;
	font-weight: 600;
	color: rgb(255, 255, 255);
	background-color: rgb(177, 20, 27);
	padding: 5px 5%;
	margin: 0 auto;
	/* margin-bottom: 5px; */
	border-radius: 3px;
	text-align: center;
	letter-spacing: 2px;
}

.footer-color{
	color: blue;
	cursor: pointer;
}













	@media ( max-width: 1920px ) {
		/* For Large Screen Devices */
		
		.new-Workmate {
			
			display: none ;
			
		}
		
			
	}
	
	@media ( max-width: 1440px ) {
		/* For Desktop Devices */
		
		.new-Workmate {
			
			display: none ;
			
		}
		
			
	}

	@media ( max-width: 1200px ) {
		/* For Laptop Devices */
		
		.new-Workmate {
			
			display: none ;
			
		}
		
		.wrapper-jobsboxes{
			flex-wrap: wrap;
		}
		
		.jobsboxes{
			width: 225px;
			height: fit-content;
			max-width: none;
			margin-top: 10px;
		}
		
		.jobsboxes-service-titles{
			width: 225px;
			height: fit-content;
			max-width: none;
			margin-top: 10px;
		}
				
	}

	@media ( max-width: 992px ) {
		/* For Tablet Devices */
		
		.Vertical-menu {
			
			
		}
		
		.new-Workmate {
			
			display: none ;
			
		}
		
		.esl-register-button:hover{
			font-size: 20px;
			transform: scale(1.1);	
			letter-spacing: 0;
			background-color: rgb(44, 104, 254);
		}
				
		.Contact-Wrapper-3{
			flex-wrap: wrap;
			margin: 7.5px;
		}
		
		.Contact-Title{
			min-width: 120px;
			text-align: center;
		}
		
	}
	
	@media ( max-width: 765px ) {
		.workbanner-1200 {
			display: none;
		}

		.workbanner-992 {
			display: none;	
		}

		.workbanner-765 {
			display: block; 	
		}

		.workbanner-576 {
			display: none;	
		}
		
		.boxads-wrapper {
			max-width: 100%;
			margin: 15px auto;
			
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
		
	@media ( max-width: 768px ) {
		/* For Tablet Devices */
		
		.Vertical-menu {
			
			display:none;
		}
		
		.new-Workmate {
			
			display: none ;
			
		}
		
		.bottom-footer{
			text-align: center;
		}
		
		.content .myfooter {
			
			margin: 0 0 46px 0;
			
		}
		
		.community_card_wrapper{
			flex-direction: column;
		}
		
		.community_card{
			width: 95%;
			height: fit-content;
		}
		
		.content .blog-links-wrapper {
			
			grid-template-columns: 100%;/**/

		}
		
		.content .blog-card{
			width: 80%;
			height: auto;
		} 		
		
		.content .blog-card:nth-child(1){
			margin-left: 0;
		} 

		.content .blog-card:nth-child(3){
			margin-right: 0;
		}  
		
		.Contact-Wrapper-2{
			flex-wrap: wrap;
			margin: 7.5px;
		}
		
	}
	
	
@media ( max-width: 576px ) {
		/* For Mobile Devices */
		
		.content {
			display: grid ;
			/* grid-template-columns: auto; */
			grid-template-columns: 1fr; 
			
			min-width: 100vw;
			font-family: 'Roboto', 'Poppins', sans-serif;
			font-size:20px;
			padding:0px;
			margin: 0;
			color:rgb(0,0,0);
			/* overflow-x: hidden; */
		}
		
		
		.content .bottom-menu-tag { 
			font-size: 13px ;	
		}
		
		.p-links{
			width: 90%;
		}

		
		/*
		.content, .FirstRow, .navigation, .navigation1, .menubar, .content .myfooter, .public-announcement, .nextbar{
			grid-template-columns: auto;
			min-width: 100vw;
			margin: 0 auto;
		}
		*/
		.TVE-Adverts {
			
			display:none;
		}
			
		.workbanner-1200 {
			display: none;
		}

		.workbanner-992 {
			display: none;	
		}

		.workbanner-765 {
			display: none; 	
		}

		.workbanner-576 {
			display: block;
			/*min-width: 100vw;*/
		}
		
		.Vertical-menu {
			
			display: none ;
			
		}
					
		.FirstRow .new-Workmate {
			
			display: block ;
			width: 120px;
			padding-top: 10px ;
			padding-bottom: -3px ;
			
			outline: 2px solid yellowgreen;
			border-radius: 5px;
			margin: 5px auto;
							
		}
		
		.FirstRow {
			margin-top: 91px;		
		}
		
		.menubar .navigationSelect-element{

		min-width: 250px ;
		height: auto ;
		
		}
		
		.Contact-column1 {
			
		width: 100% ;
		
		}
									
		.Contact-column2 {
			
		width: 100%;
		
		}
			
		h1{
			font-size: 26px;
			margin: 5px auto;
			line-height: 1.1;
		}
		
		.top-header{
			height: 90px;
		}
		
		.menu{
			flex-direction: column;
		}
		
		.explore{
			font-size: 12px;
			width: 110px;
			height: 22px;
			padding: 5px 10px;
			margin: 3px;
		}
		
		.button {
			
			font-size: 14px;
			height: 31px;
			
		}
		
		.wrapper-jobsboxes{
			border: none;
		}
		
		.wrapper-bullet-points{ 
			width: 100%;
		}
		
		.bullet-points{
			width: 100%;
			max-width: 275px;
			height: 125px;
		}
		
		.VAS_NAV_Buttons{
			width: 90%;
			color: rgb(37, 101, 75);
			background-color: white;
			border: 2px solid rgb(37, 101, 75);
			margin: 15px auto;
		}
		
		.longbutton { 
			width: 335px;
			
		}

		.content .myfooter {
			
			margin: 0 0 46px 0;
			
		}
		
		.food-card{
			max-width: 80%;
			height: fit-content;
			margin: 3px;
			
			flex-direction: column;
		}
		
		.CTA-button {
			width: 90%; 
		}
		
		.lang-wrapper{
			width: 95%;
		}
		
		.general-card{
			flex-direction: column;
		}
		
		.number-card{
			width: 100%;
			text-align: center;
			padding: 2px;
		}

		.first-card{
			min-width: 100%;
			text-align: center;
		}

		.second-card{
			min-width: 100%;
			text-align: center;
		}
		
		.Contact-Wrapper-1{
			flex-wrap: wrap;
			margin: 7.5px;
		}
		
		.Contact-Title{
			min-width: 100%;
		}

}
		
		@media ( max-width: 320px ) {
		/* For Smallest Mobile Device */
		
		.button{			
			width: 80% ;
			height: 31px;			
		}
		
		.button-green{			
			width: 80% ;
			height: 31px;			
		}
		
		.navigation1 form {
			display: none ;		
		}		
			
		.form-Content{			
			border: none;			
		}
		/**/
		.longbutton { 
			width: 80%;
			
		}
		
		.bullet-points{
			height: fit-content;
		}
		
	}
	
	/* Large-Screen : 1920px; */	
	/* TV-Screen : 1440px; */	
	/* desktop : 1200px; */	
	/* laptop : 992px;  */
	/* table  : 768px; */
	/* mobile : 576px;  */