@charset "utf-8";
/* CSS Document */



p {
	font-size: 10pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	  line-height: 1.6;

	
	
}

h1 {
	font-size: 30pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	
	margin-bottom: 0px;

	
}

h2 {
	font-size: 20pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;	

}

h3 {
	font-size: 15pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;	
	color: white;
	
	margin-top: 0px;
}



a:link {
  text-decoration: none;
	color: #4a4a49;
}

a:visited {
  text-decoration: none;
		color: #4a4a49;

}

a:hover {
  text-decoration: none;
		color: #4a4a49;

}

a:active {
  text-decoration: none;
		color: #4a4a49;

}



li::marker {
  color: #fbba21;
}









/* Media query for Mobile devices and tablets*/
@media only screen and (min-width : 250px) and (max-width : 719px) {

body {
  background-color: #2e2d2c;;
	margin-top: 0px;
}		
	

	
	
	
	.wrapper {
	background-color: #2e2d2c;
	width: 96%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	min-width: 350px;
	max-width: 719px;
				position: relative;

}


.btn {
display: none;

	
	
}

/* Darker background on mouse-over */
.btn:hover {
display: none;
	}
	
.btn_2 {
display: none;

	
	
}
	
	
	
/* Darker background on mouse-over */
.btn_2:hover {
display: none;
	}
	

	
.dropbtn_b {
display: none;

}

.dropdown_b {
display: none;


}





.dropdown-content_b {
display: none;

}




.dropdown-content_b a {
display: none;

}

.dropdown-content_b a:hover {
display: none;
	}

.dropdown_b:hover .dropdown-content_b {
display: none;
}

.dropdown_b:hover .dropbtn_b {
display: none;
}			
	
	
	
	
	
	
	
	
	
	
	
	

.logo {
	background-color: none;
	width: 96.5%;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 48px;
}

	
	
.sub_header_mobile {
	background-color: none;
	width: 75%;
	height: 38px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #fbba21;	
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}		
	
.sub_header_mobile p {
	color: #fbba21;
	line-height: 12px;
	font-style: italic;
}			
	
	
	
	
	
	
	
	
.main_image {
	width: 100%;
	height: 140px;
	background-color: none;
	
	background-image: url("../images/faz_logo_main.png");
	
	background-size: auto 100%;
	
	background-position: center top;
	background-repeat: no-repeat;
	

		
}		
	
	
.logo_click {
	height: 140px;
	margin-left: auto;
	margin-right: auto;	
	width: 190px;
}		
	
	
	

.category_blocks {
	background-color: none;
	width: 96.5%;
	height: 420px;
	margin-left: auto;
	margin-right: auto;
	border-top-style: solid;
	border-top-width: 2px;
	border-color: #4a4a49;
	
	padding-top: 25px;
}



.cat_1 {
	width: 49.5%;
	height: 200px;
	background-color: #3c3c3b;
	float: left;
	margin-top: 3%;
}

.cat_2 {
	width: 49.5%;
	height: 200px;
	background-color: #3c3c3b;
	float: left;
	margin-left: 1%;
	margin-top: 3%;
}

.cat_3 {
	width: 49.5%;
	height: 200px;
	background-color: #3c3c3b;
	float: left;
	margin-top: 1%;	
}

.cat_4 {
	width: 49.5%;
	height: 200px;
	background-color: #3c3c3b;
	float: left;
	margin-left: 1%;
	margin-top: 1%;	
}


.cat_1_circle {
	height: 130px;
	width: 130px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 30px;
	border-radius: 110px;
				border-width: 2px;

}

.cat_2_circle {
	height: 130px;
	width: 130px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 30px;
	border-radius: 110px;
				border-width: 2px;

	
}

.cat_3_circle {
	height: 130px;
	width: 130px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 30px;
	border-radius: 110px;
				border-width: 2px;

	
}

.cat_4_circle {
	height: 130px;
	width: 130px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 30px;
	border-radius: 110px;
				border-width: 2px;

	
}


	
.icon_1 {
	width: 100%;
	height: 80px;
	background-color: none;
	background-image: url("../images/Icon_gynaecology.png");	
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 60% auto;
	margin-top: 5px;
	background-position-y: 15px;		
}	
	
.icon_2 {
	width: 100%;
	height: 80px;
	background-color: none;
	background-image: url("../images/Operations.png");
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 60% auto;
	margin-top: 5px;
	background-position-y: 12px;		
}		
	
.icon_3 {
	width: 100%;
	height: 80px;
	background-color: none;
	background-image: url("../images/Icon_rapid_access_clinic.png");
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 60% auto;
	margin-top: 5px;
	background-position-y: 9px;		
}		
	
.icon_4 {
	width: 100%;
	height: 80px;
	background-color: none;
	background-image: url("../images/Pregnancy_ultrasound.png");
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 60% auto;
	margin-top: 5px;
	background-position-y: 16px;		
}		
	
	

.icon_text_1 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;	
}

.icon_text_1 p {
	font-size: 7pt;
	line-height: 8pt;
}	
	
	
.icon_text_2 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;			
}	
	
.icon_text_2 p {
	font-size: 7pt;
	line-height: 8pt;
}		
	
	
.icon_text_3 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;		
}	
	
.icon_text_3 p {
	font-size: 7pt;
	line-height: 8pt;
}	
	
	
.icon_text_4 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;		
}	
	
.icon_text_4 p {
	font-size: 7pt;
	line-height: 8pt;
}		
	

	

	
	
	
	
	


	
	
.docify {
	display: none;	

		
}	
	
.docify_mobile {
	width: 96.5%;
	height: auto;
	background-color: #c3e7fd;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;	
	
}	
	
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.sub_nav_and_title {
	background-color: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-top: 10px;
}			
	
	
	
.sub_nav {
	width: 96.5%;
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	background-color: none;
}

	

.sub_nav_title {
	text-align: center;
	color: #fbba21;
	font-weight: 300;
	background-color: none;
	height: auto;
	width: 96.5%;
	margin-left: auto;
	margin-right: auto;	
}

.sub_nav_title h1 {
	font-size: 30px;
	
}	

	
	
.sub_nav_title h3 {
	font-size: 26px;
}		
	
	
	
.sub_nav_button {
	width: 90%;
	margin-right: auto;
	margin-left: auto;	
	padding-top: 120px;
	
}		
	
	



	
	
	

.text_2 {
	width: 96.5%;
	height: auto;
	background-color: none;
	margin-left: auto;
	margin-right: auto;	
	color: white;
}
	
	
.text_2 p {
		
	font-size: 16px;	
		
	}	
	
.text {
	display: none;
}	
	

	
	
.btn-default {
  padding: 12px 16px; /* Some padding */
	width: 100%;
	margin-top: 17px;
  background-color: #3c3c3b;
  color: white;
  cursor: pointer;
	border-radius: 45px;
		height: 55px;
	  transition: 0.3s;
	border-width: 1px;
font-size: 15pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;	
	border-style: solid;
	border-color: #4a4a49;		
}

/* Darker background on mouse-over */
.btn-default:hover {
background-color: #2e2d2c;
	color: #fbba21;
	  transition: 0.3s;
	border-color: #fbba21;
}		
	
	
	
	
	

.footer_bar {
	background-color: orange;
	width: 96.5%;
	height: 4px;
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
}

.footer_text {
color: #4a4a49;
	text-align: center;
}


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


















/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #2e2d2c;
		opacity: 0.97;
	border-radius: 10px;
	
	position: fixed !important;
width: 96%;	
	z-index: 999;

	
	
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #4a4a49;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
text-align: center;	
	text-decoration-color: white;
	
	line-height: 13px;
	
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;		  
	
	transition: 0.3s;
	
	
	
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #2e2d2c;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
	
		  transition: 0.3s;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
	color: #fbba21;
	background-color: #2e2d2c;
	
		  transition: 0.3s;
	
	
	
}

/* Style the active link (or home/logo) */
.active {
  
	min-height: 48px;
				  transition: 0.3s;

		
}


#myLinks {
	
	background-color: #2e2d2c;
  color: white;
	min-height: 73px;
			  transition: 0.3s;


}

	
#myLinks a {
	
	color: white;
		font-size: 15pt;


}	
	
	
#myLinks a:hover {
	
	color: #fbba21;
	background-color: #3c3c3b;
	
		  transition: 0.3s;

}














/* Dropdown Button */
.dropbtn {
  background-color: #3c3c3b;
  color: white;
  padding: 16px;
  cursor: pointer;
	width: 100%;
	border-radius: 45px;
		height: 60px;
	  transition: 0.3s;
	border-width: 2px;

	font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;	
	border-style: solid;
	border-color: #4a4a49;	


}
	
	#some_id {
		
		font-size: 15pt;
		
	}	
	
	#myDropdown a {
		
		font-size: 12pt;
		line-height: 19pt;
	
		
		
	}
	
	
	

.dropbtn:hover, .dropbtn:focus {
		background-color: #2e2d2c;
	color: #fbba21;
	  transition: 0.3s;
	border-color: #fbba21;

}

.dropdown {
  position: relative;
width: 100%;

}


	
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #2e2d2c;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	opacity: 0.97;
	border-radius: 10px;
	
	overflow: hidden;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
	text-align: center;
	
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	transition: 0.3s;
	
	line-height: 45px;
}

.dropdown a:hover {
transition: 0.3s;

	background-color: #3c3c3b;
	color: #fbba21;	
	}

.show {display: block;}




	
	
	
	
	
	
	
	



}












/* Media query for Mobile devices and tablets*/
@media only screen and (min-width : 720px) and (max-width : 1280px) {

body {
  background-color: #2e2d2c;
	margin-top: 0px;
}		
	
	
	.wrapper {
	background-color: #2e2d2c;
	width: 96%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	min-width: 720px;
	max-width: 1280px;
		
		position: relative;
}


.btn {
display: none;
}

/* Darker background on mouse-over */
.btn:hover {
display: none;
	}
	
.btn_2 {
display: none;
}
	

/* Darker background on mouse-over */
.btn_2:hover {
display: none;
	}	
	
.dropbtn_b {
display: none;
}

.dropdown_b {
display: none;
}

.dropdown-content_b {
display: none;
}
.dropdown-content_b a {
display: none;
}

.dropdown-content_b a:hover {
display: none;
	}

.dropdown_b:hover .dropdown-content_b {
display: none;
}

.dropdown_b:hover .dropbtn_b {
display: none;
}		
	
	
	
	
	
	

	
	
	
	

.logo {
	background-color: none;
	width: 96.5%;
	height: 220px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 77px;
}

	
.main_image {
	width: 100%;
	height: 220px;
	background-color: none;
	
	background-image: url("../images/faz_logo_main.png");
	
	background-size: auto 100%;
	
	background-position: center top;
	background-repeat: no-repeat;
	

		
}		
	
.logo_click {
	height: 210px;
	margin-left: auto;
	margin-right: auto;	
	width: 290px;
}		
	
.sub_header_mobile {
	background-color: none;
	width: 75%;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #fbba21;	
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}		
	
.sub_header_mobile p {
	color: #fbba21;
	line-height: 9px;
	font-style: italic;
	font-size: 20px;
}				
	
	
	
	
	
	
.category_blocks {
	background-color: none;
	width: 96.5%;
	height: 560px;	
	margin-left: auto;
	margin-right: auto;
	border-top-style: solid;
	border-top-width: 2px;
	border-color: #4a4a49;
	
	padding-top: 25px;
	
	
}


.cat_1 {
	width: 49.5%;
	height: 260px;
	background-color: #3c3c3b;
	float: left;
	margin-top: 3%;
}

.cat_2 {
	width: 49.5%;
	height: 260px;
	background-color: #3c3c3b;
	float: left;
	margin-left: 1%;
	margin-top: 3%;
}

.cat_3 {
	width: 49.5%;
	height: 260px;
	background-color: #3c3c3b;
	float: left;
	margin-top: 1%;	
}

.cat_4 {
	width: 49.5%;
	height: 260px;
	background-color: #3c3c3b;
	float: left;
	margin-left: 1%;
	margin-top: 1%;	
}


.cat_1_circle {
	height: 220px;
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 18px;
	border-radius: 110px;
			border-width: 2px;

}

.cat_2_circle {
	height: 220px;
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 18px;
	border-radius: 110px;
			border-width: 2px;

}

.cat_3_circle {
	height: 220px;
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 18px;
	border-radius: 110px;
			border-width: 2px;

}

.cat_4_circle {
	height: 220px;
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 18px;
	border-radius: 110px;
			border-width: 2px;

}


	
	

	
.icon_1 {
	width: 100%;
	height: 150px;
	background-color: none;
	background-image: url("../images/Icon_gynaecology.png");	
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 70% auto;
	margin-top: 5px;
	background-position-y: 15px;		
}	
	
.icon_2 {
	width: 100%;
	height: 150px;
	background-color: none;
	background-image: url("../images/Operations.png");
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 70% auto;
	margin-top: 5px;
	background-position-y: 12px;		
}		
	
.icon_3 {
	width: 100%;
	height: 150px;
	background-color: none;
	background-image: url("../images/Icon_rapid_access_clinic.png");
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 70% auto;
	margin-top: 5px;
	background-position-y: 9px;		
}		
	
.icon_4 {
	width: 100%;
	height: 150px;
	background-color: none;
	background-image: url("../images/Pregnancy_ultrasound.png");
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 70% auto;
	margin-top: 5px;
	background-position-y: 16px;		
}		
	
	

.icon_text_1 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;	
}

.icon_text_1 p {
	font-size: 10pt;
	line-height: 12pt;
}	
	
	
.icon_text_2 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;			
}	
	
.icon_text_2 p {
	font-size: 10pt;
	line-height: 12pt;
}		
	
	
.icon_text_3 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;		
}	
	
.icon_text_3 p {
	font-size: 10pt;
	line-height: 12pt;
}	
	
	
.icon_text_4 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;		
}	
	
.icon_text_4 p {
	font-size: 10pt;
	line-height: 12pt;
}		
	

	
	
	
	


	
	
.docify {
	display: none;	

		
}	
	
.docify_mobile {
	width: 96.5%;
	max-width: 719px;
	height: auto;
	background-color: #c3e7fd;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;	
	
}
	
	

	
	
	
	
	
	
.sub_nav_and_title {
	background-color: none;
	
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 160px;
	
position: relative;
	margin-top: 10px;
	
	
}			
	
	
	
	
	
.sub_nav {
	width: 96.5%;
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	
		background-color: none;
	
}

	

	
.sub_nav_title {
	text-align: center;
	color: #fbba21;
	font-weight: 300;
	background-color: none;
	position: absolute;
	height: 160px;
	width: 96.5%;
	margin-top: 0px;
}
	
.sub_nav_title h3 {
		font-size: 20pt;

}	
	
	
	
	
	
	

.sub_nav_title h2 {
	font-size: 45px;
	
}	
	
	
.sub_nav_button {
	width: 90%;
	margin-right: auto;
	margin-left: auto;	
	padding-top: 120px;
	
}		
	
	



	
	
	

.text_2 {
	width: 96.5%;
	height: auto;
	background-color: none;
	margin-left: auto;
	margin-right: auto;	
	color: white;
	
}
	
	
.text_2 p {
		
	font-size: 24px;	
		
	}	
	
.text {
	display: none;
}	
	

	
	
.btn-default {
  padding: 12px 16px; /* Some padding */
	width: 100%;
	margin-top: 17px;
  background-color: #3c3c3b;
  color: white;
  cursor: pointer;
	border-radius: 45px;
		height: 55px;
	  transition: 0.3s;
	border-width: 1px;
font-size: 15pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;	
	border-style: solid;
	border-color: #4a4a49;		
}

/* Darker background on mouse-over */
.btn-default:hover {
background-color: #2e2d2c;
	color: #fbba21;
	  transition: 0.3s;
	border-color: #fbba21;
}		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

.footer_bar {
	background-color: orange;
	width: 96.5%;
	height: 6px;
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
}

.footer_text {
color: #4a4a49;
	text-align: center;
}


.footer_text p {
	font-size: 24px;	
}

	
	
	
	
	
	















/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #2e2d2c;
		opacity: 0.97;
	border-radius: 10px;

	position: fixed !important;
width: 94.5%;	
	z-index: 999;

	
	
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #4a4a49;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
text-align: center;	
	text-decoration-color: white;
	
	
	font-size: 30pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;		  
	
	transition: 0.3s;

	
	
	
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #2e2d2c;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
	
		  transition: 0.3s;
	
	

}

/* Add a grey background color on mouse-over */
.topnav a:hover {
	color: #fbba21;
	background-color: #2e2d2c;
	
		  transition: 0.3s;

	
	
}

/* Style the active link (or home/logo) */
.active {
  
	min-height: 77px;
				  transition: 0.3s;

}


#myLinks {
	
	background-color: #2e2d2c;
  color: white;
	min-height: 73px;
			  transition: 0.3s;

}

	
#myLinks a {
	
	color: white;
		font-size: 16pt;
	
	line-height: 12pt;
	
	


}		
	
	
	
#myLinks a:hover {
	
	color: #fbba21;
	background-color: #3c3c3b;
	
		  transition: 0.3s;
	
}

















/* Dropdown Button */
.dropbtn {
  background-color: #3c3c3b;
  color: white;
  padding: 16px;
  cursor: pointer;
	width: 100%;
	border-radius: 45px;
		height: 80px;
	  transition: 0.3s;
	border-width: 2px;


font-size: 25pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;	
	border-style: solid;
	border-color: #4a4a49;	
		

}

.dropbtn:hover, .dropbtn:focus {
		background-color: #2e2d2c;
	color: #fbba21;
	  transition: 0.3s;
	border-color: #fbba21;

}

.dropdown {
  position: relative;
width: 100%;
	
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #2e2d2c;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	opacity: 0.97;
	border-radius: 10px;
	
	overflow: hidden;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
	text-align: center;
	
	font-size: 17pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	transition: 0.3s;
	
	line-height: 45px;

}

.dropdown a:hover {
transition: 0.3s;

	background-color: #3c3c3b;
	color: #fbba21;
}

.show {display: block;}











}







/* Desktops and laptops  */
@media only screen and (min-width:1281px) {

body {
  background-color: #2e2d2c;
	margin-top: 0px;
}	
	
	
	
	
	
	
	.wrapper {
	background-color: #2e2d2c;
	width: 98%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	min-width: 1280px;
}

	
	
	
	
.btn {
  background-color: #2e2d2c; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 12px 16px; /* Some padding */
  cursor: pointer; /* Mouse pointer on hover */
	width: 15.5%;
	  transition: 0.3s;

			font-size: 10pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;		
	
}

/* Darker background on mouse-over */
.btn:hover {
	color: #fbba21;
  background-color: none;
	  transition: 0.3s;

			font-size: 10pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;		
	
}

.btn_2 {
  background-color: #2e2d2c; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 12px 16px; /* Some padding */
  cursor: pointer; /* Mouse pointer on hover */
	width: 5%;
	  transition: 0.3s;

			font-size: 10pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;		
	
	
}

/* Darker background on mouse-over */
.btn_2:hover {
	color: #fbba21;
  background-color: none;
	  transition: 0.3s;

			font-size: 10pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;		}



	
	
	

.topnav {
	
	display: none;	

	
}	
	
.active {
	display: none;	
		
		
	}	
	
	
.myLinks {
		display: none;	
		
		
	}	
	
	
.topnav a {
 		display: none;	


	}
	
/* Style the hamburger menu */
.topnav a.icon {
  		display: none;	

}
	
	
	
	
	
	

	
	
	
.dropbtn_b {
  background-color: #2e2d2c; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 12px 16px; /* Some padding */
  cursor: pointer; /* Mouse pointer on hover */
	width: 100%;
	  transition: 0.3s;

			font-size: 10pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;		
}

.dropdown_b {
  display: inline-block;
	width: 15.5%;
	position: relative;
		  transition: 0.3s;


}





.dropdown-content_b {
   background-color: #2e2d2c;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	opacity: 0.97;
	border-radius: 10px;
	
	display: none;
  position: absolute;
  min-width: 100%;
	
	  overflow:hidden;

	
}




.dropdown-content_b a {
  padding: 12px 16px;
	text-align: center;
		opacity: 0.97;
	
	
	color: white;
  text-decoration: none;
  display: block;
		  transition: 0.3s;

	
		font-size: 10pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	

}

.dropdown-content_b a:hover {
		  transition: 0.3s;

	background-color: #3c3c3b;
	color: #fbba21;
		opacity: 0.97;
	
	

	
	
	
	}

.dropdown_b:hover .dropdown-content_b {
  display: block;
}

.dropdown_b:hover .dropbtn_b {
	color: #fbba21;
  background-color: none;
	  transition: 0.3s;

			font-size: 10pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	
	
	}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.logo_and_cat_blocks {
width: 98%;		
	height: 500px;
		margin-left: auto;
	margin-right: auto;
	
	
	
	}	
	
	
	
.logo {
	background-color: none;
	width: 49.75%;
	height: 500px;
	float: left;
}

	
	
	
	
.main_image {
		width: 100%;
	height: 407px;
	background-color: #3c3c3b;
	
	background-image: url("../images/pregnancy_ultrasound_main_image.jpg");
	
	background-size: 100% auto;
	
	background-position: center;
	background-repeat: no-repeat;
		
}	

	
	
.docify {
		width: 100%;
	height: 88px;
	background-color: #c3e7fd;

	margin-top: 5px;
		
}	
	
.docify_mobile {
	display: none;	
	
		
}
	
	
.sub_header_mobile {
	display: none;			
}		
	
	
.category_blocks {
	background-color: none;
	width: 49.75%;
	height: 500px;
	float: right;
	margin-top: 0px;
	position: relative;

}	

	
	
	
	
	
	
	
	
	

	
	
	
	
	
	
.cat_1 {
	width: 49.5%;
	height: 49.5%;
	background-color: #3c3c3b;
	float: left;
	margin-top: 0px;
}

.cat_2 {
	width: 49.5%;
	height: 49.5%;
	background-color: #3c3c3b;
	float: left;
	margin-left: 1%;
	margin-top: 0px;
}

.cat_3 {
	width: 49.5%;
	height: 49.5%;
	background-color: #3c3c3b;
	float: left;
	position: absolute;
  bottom: 0;
	
}

.cat_4 {
	width: 49.5%;
	height: 49.5%;
	background-color: #3c3c3b;
		position: absolute;

  right: 0;
	bottom: 0;
	
	}


.cat_1_circle {
	height: 220px;
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 12px;
	border-radius: 110px;
	border-width: 1px;
	
}

.cat_2_circle {
	height: 220px;
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 12px;
	border-radius: 110px;
		border-width: 1px;

	
}

.cat_3_circle {
	height: 220px;
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 12px;
	border-radius: 110px;
		border-width: 1px;

	
}

.cat_4_circle {
	height: 220px;
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #4a4a49;	
	margin-top: 12px;
	border-radius: 110px;
		border-width: 1px;

	
}
	
	
	
	
	

	
.icon_1 {
	width: 100%;
	height: 150px;
	background-color: none;
	background-image: url("../images/Icon_gynaecology.png");	
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 70% auto;
	margin-top: 5px;
	background-position-y: 15px;


}	
	
.icon_2 {
	width: 100%;
	height: 150px;
	background-color: none;
	background-image: url("../images/Operations.png");
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 70% auto;
	margin-top: 5px;
	background-position-y: 12px;

			
}		
	
.icon_3 {
	width: 100%;
	height: 150px;
	background-color: none;
	background-image: url("../images/Icon_rapid_access_clinic.png");
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 70% auto;
	margin-top: 5px;
	background-position-y: 9px;

}		
	
.icon_4 {
	width: 100%;
	height: 150px;
	background-color: none;
	background-image: url("../images/Pregnancy_ultrasound.png");
	background-repeat: no-repeat;	
	background-position: center;
	background-size: 70% auto;
	margin-top: 5px;
	background-position-y: 16px;

}		
	
	

.icon_text_1 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;	
}

.icon_text_1 p {
	font-size: 10pt;
	line-height: 12pt;
}	
	
	
.icon_text_2 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;			
}	
	
.icon_text_2 p {
	font-size: 10pt;
	line-height: 12pt;
}		
	
	
.icon_text_3 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;		
}	
	
.icon_text_3 p {
	font-size: 10pt;
	line-height: 12pt;
}	
	
	
.icon_text_4 {
	width: 100%;
	height: 40px;
	color: white;	
	text-align: center;		
}	
	
.icon_text_4 p {
	font-size: 10pt;
	line-height: 12pt;
}		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.sub_nav {
	
	width: 100%;
	background-color: none;
	height: 160px;
	float: right;
		border-bottom: solid;
	border-bottom-width: 1px;
	border-color: #4a4a49;

}
	

	

	
	
	
	
	
/* Dropdown Button */
.dropbtn {
  background-color: #3c3c3b;
  color: white;
  padding: 10px;
  cursor: pointer;
	width: 100%;
	border-radius: 45px;
		height: 55px;
	  transition: 0.3s;
	border-width: 1px;


font-size: 15pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;	
	border-style: solid;
	border-color: #4a4a49;	
		

}

.dropbtn:hover, .dropbtn:focus {
		background-color: #2e2d2c;
	color: #fbba21;
	  transition: 0.3s;
	border-color: #fbba21;

}

.dropdown {
  position: relative;
width: 100%;
	
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #2e2d2c;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	opacity: 0.97;
	border-radius: 10px;
	
	overflow: hidden;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
	text-align: center;
	
	font-size: 10pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	transition: 0.3s;
	
	line-height: 17px;

}

.dropdown a:hover {
transition: 0.3s;

	background-color: #3c3c3b;
	color: #fbba21;
}

.show {display: block;}

	
	


	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.sub_nav_title {
			text-align: center;
	color: #fbba21;
	  font-weight: 300;



}	
	
	

	
	
	
	

.sub_nav_and_title {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	height: 160px;
				
}	
	
	

.text {
	width: 98%;
	height: auto;
	background-color: none;
	margin-left: auto;
	margin-right: auto;		
		  column-count: 1;
	column-gap: 0px;
	color: white;
	margin-top: 18px;
	
	
	}

.text p {
	margin-top: 0px;
	
	}	
	

.text_2 {
	display: none;

	
	}	
	
	
	
	
	
	
	
.footer_bar {
	background-color: #fbba21;
	width: 98%;
	height: 4px;
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
}

.footer_text {
	color: #4a4a49;
	text-align: center;

}
	
	

	
	
.btn-default {
  
  padding: 12px 16px; /* Some padding */
	width: 30%;
	margin-top: 17px;

  background-color: #3c3c3b;
  color: white;
  cursor: pointer;
	border-radius: 45px;
		height: 55px;
	  transition: 0.3s;
	border-width: 1px;


font-size: 15pt;
	 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;	
	border-style: solid;
	border-color: #4a4a49;		
	
	
	
}

/* Darker background on mouse-over */
.btn-default:hover {
background-color: #2e2d2c;
	color: #fbba21;
	  transition: 0.3s;
	border-color: #fbba21;}	
	
	
	

	

	
	
	
	
	
	
	
	
	
	
.logo_click {
	display: none;
}		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}