*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	font-family:sans-serif;
}

:root{
	--color: #17aa59;
}

body{
	overflow-x: hidden;
}

div .head{
	background-color:white;
	height: 100px;
}

nav ul{
	float:right;
}

nav ul li{
	list-style: none;
	float:left;
	padding: 40px 0px;
	
}

nav ul li a {
	color: red;
	font-size: 1.1rem;
	padding: 8px 25px 8px 25px;
}

nav ul li a:hover, .active{
	color:white;
	background-color: var(--color);
	text-decoration: none;
	border-radius :5px;
	transition:0.5s;
}

.navbar-brand{
	margin-left:15%;
}

section .banner {
	background:linear-gradient(rgba(38, 122, 57, 0.6), rgba(23, 170, 89, 0.459)), url('images/banner-three.jpg'); 
	background-repeat:no-repeat;
	background-position:cover;
	height:700px;
	width:100%;
	background-size:100%;
	
}


.doctor{
	height: 600px;
	width:100%;
	background:transparent url('images/appointment.jpg');
	background-repeat:no-repeat;
	background-position:100% 80%;
	background-size: 80%;
	
}

.btn-appoint{
	color:#17aa59 !important;
	/* background-color: #17aa59 !important; */
	border:2px solid var(--color) !important;
}

.btn-appoint:hover{
	color:white !important;
	background-color: var(--color) !important;
	border:2px solid var(--color) !important;
}
	
.input{
	border:none;
	border-bottom: 1px solid black;
	margin: 2% 0%;
	font-size: 1.3rem;
}	

.icon {
	height: 120px;
	width: 120px;
	background-color:var(--color);
	border-radius: 100%;
	margin: 7px auto;
	text-align:center;
	line-height: 120px;
	color: white;
	font-size:50px;
	transition: 0.3s ease-in;
}

.outline{
	height: 140px;
	width:140px;
	border-radius: 50%;
	margin:auto;
	border :3px solid var(--color);
}

.quote_img{
	background-image: url("images/dr-testimonial-bg.jpg");
	background-attachment:fixed;
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
	height:600px;
	width:100%;
	text-align:center;
	
}

.get_in_touch{color:white;}

.footer, .footer-bottom{
	overflow-x:hidden;	
}


.footer_medical{color:white;}

.medical_guide ul li {
	padding: 10px;
}
.footer_medical:hover{
	color:white;
}

.fa-circle{color:white;}

.owl-prev{
	left:-30px;
}

.owl-next{
	right:-30px;
}

.owl-prev , .owl-next{
	position:absolute;
	top:30%;
}
	
.owl-prev span, .owl-next span{
	font-size: 60px;
	color: black;
}
	
.owl-theme .owl-nav[class*="owl-"]:hover{
	background-color:transparent;
}




.social-icons  a{
	color:black;
	height:45px;
	width:45px;
	background-color:none;
	border-radius:100%;
	border:1px solid black;
	text-align:center;
	line-height: 42px;
}

.social-icons a:hover{
	color:white;
}

.fb:hover{
	background-color:#3b5998;
	border: 1px solid #3b5998;
	transition: 0.3s ease-out;
	
}

.insta:hover{
	background: linear-gradient(rgba(5,10,230,0.4),rgba(131,58,180,0.6),rgba(225,48,108,0.8)) ;
	border:1px solid #833AB4 ;
	transition: 0.3s ease-out;
}

.yt:hover{
	background-color:#FF0000;
	border:1px solid #FF0000;
	transition: 0.3s ease-out;
}

.footer-icon a{
	border:1px solid white;
	
}

.footer {
	background-color: var(--color) !important;
}

.footer-bottom{
	background-color: #128345;
}

p{
	color:var(--color);
}