*{padding: 0;margin: 0;
    list-style: none;
    text-decoration: none;
    }
    .d-flax{display: flex;}
    .space-between{
        justify-content: space-between;
    }
    
    .top-navbar{
        background-color: #28B593;
    }
    .top-navbar a{
        color: #fff;
        text-decoration: none;
    
    }

	.main-menu ul li a {
		font-family: inherit !important;
	}

	
	.top-navbar a{
		font-size: 9px;
	 }
	 .top-navbar a label{
		font-size: 10px;
	 }
    
    .top-navbar a:hover{color: #ccc;}
    
    .navbar1 img{width: 500px;}
    .navbar1{padding: 0 !important;}
    
    body {
        scrollbar-3dlight-color: #1664C0;
        overflow-x: hidden;
     
    }
    
    .menu{
        width: 100%;
        background: #fff;
        
        border-bottom: solid 2px #fff;
        height: 97px;
        z-index: 100;
    }
    
    .fixed {
        position: fixed;
        top:0; left:0;
        width: 100%; }
      
     .carousel{
        
        height: 700px;
     }

	 .top-navbar a label{
		font-size: 18px;
	}
	.btn-top{
		background-color: #013243;
		padding: 11px 10px;
		margin-left: 20px;
	}
    
 
    
    
    .menu-bar {
        display: none;
        position: relative;
    }
    
    
     
    
     
    
     
    .logo{
        width: 30%;
    } 
    
    .logo img{
        width: 100%;
    }
    
     
    
    
    
    .main-menu {
        width: 100%;
        height: 100%;
    }
    
    .main-menu .main-ul {
        padding-left: 0;
        margin: auto;
        height: 100%;
        width: 60%;
    }
    
    .main-menu .main-ul li {
        position: relative;
        height: 100%;
        align-items: center;
        display: flex;
    }
    
    .main-menu ul li a {
        text-decoration: none;
        color: #000;
        height: 100%;
        align-items: center;
        display: flex;
        font-family: 'Dancing Script';
        transition: 0.5s;
    }
    
    
    .main-menu .closebtn {
        display: none;
    }
    
    .main-menu ul li a i{
		margin-left: 2px;
		font-size: 20px;
	}
    
    .main-menu .main-ul li a:hover {
        color: #28B593;
    
    }
    
     
    .pre-img img {
	 
		width: 5%;
	 }
    
    .main-menu .main-ul li a span:nth-child(1) {
        position: absolute;
        top: 42%;
        right: -16px;
        width: 3px;
        transform: rotate(45deg);
        height: 15px;
        background: #000;
        transition: 0.5s;
    }
    
    .main-menu .main-ul li a:hover span:nth-child(1) {
        transform: rotate(-45deg);
        background: #1664C0;
    }
    .nian a{
		color: #472A7C;
	}
    
    .main-menu .main-ul li a span:nth-child(2) {
        position: absolute;
        top: 42%;
        right: -25px;
        width: 3px;
        transform: rotate(-45deg);
        height: 15px;
        background: #000;
        transition: 0.5s;
    }
    
    .main-menu .main-ul li a:hover span:nth-child(2) {
        transform: rotate(45deg);
        background: #1664C0;
    }
    
    .main-menu .main-ul li .dropdown {
        position: absolute;
        top: 140px;
        width: 200px;
        border-radius: 10%;
        height: 0px;
        padding: 0;
        overflow: hidden;
        z-index: 100;
        background: #fff;
        transition: 0.5s;
    }
    
    .main-menu .main-ul li:hover .dropdown {
        height: 250px;
        animation: none;
        transform: translate3d(0px, -43px, 0px);
    }
    .footer-spacility-links1 a{
		line-height: 1.5;
	}
    .main-menu .main-ul li>.dropdown li {
        padding: 10%;
        display: block;
        border-bottom: solid 1px #000;
        height: auto;
        color: #000;
    }
    
    .main-menu .main-ul li>.dropdown li:hover {
        color: #000;
    }
    
    
    
    
    
.main-menu .main-ul li .dropdown1 {
	position: absolute;
	top: 140px;
	width: 200px;
	border-radius: 10%;
	height: 0px;
	padding: 0;
	overflow: hidden;
	z-index: 100;
	background: #fff;
	transition: 0.5s;
}
.main-menu .main-ul li:hover .dropdown2{
	height: 320px;
}
    
    
    .donate button {
        color: #fff;
        border: none;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #28B593;
        padding: 10px 20px;
        text-decoration: none;
        z-index: 100;
        transition: 1s;
        border-radius: 10px;
    }
    
    .donate{    margin-top: 25px;}
    
    
    .donate button a {
        color: #fff;
        text-decoration: none;
        z-index: 1;
        font-family: 'Rubik Distressed';
    }
    
    .menu1{justify-content: space-between;}
    
    
    
    
    
    .donate button::before {
        content: '';
        position: absolute;
        background: #013243;
        width: 0%;
        height: 100%;
        z-index: -1;
        transition: 1s;
        border-radius: 10px;
    }
    
    
    .donate button:hover::before {
        width: 100%;
        left: 0;
    }
    
    
    .donate button::after {
        content: '';
        position: absolute;
        background: #013243;
        width: 0%;
        height: 100%;
        z-index: -1;
        transition: 1s;
        border-radius: 10px;
    }
    
    
    .donate button:hover::after {
        width: 100%;
        right: 0;
    }
    
    
    
  
    
    .main-ul{justify-content: space-between;}
    
    
    
     
     
     
	.main-menu .main-ul li .dropdown1 {
		position: absolute;
		top: 140px;
		width: 200px;
		border-radius: 10%;
		height: 0px;
		padding: 0;
		overflow: hidden;
		z-index: 100;
		background: #fff;
		transition: 0.5s;
	}
	.main-menu .main-ul li:hover .dropdown2{
		height: 320px;
	}
	
	
	
	.main-menu .main-ul li .dropdown1 {
		position: absolute;
		top: 140px;
		width: 200px;
		border-radius: 10%;
		height: 0px;
		padding: 0;
		overflow: hidden;
		z-index: 100;
		background: #fff;
		transition: 0.5s;
	}
	.main-menu .main-ul li:hover .dropdown2{
		height: 320px;
	}
	
	
	.main-menu .main-ul li .dropdown1 {
		position: absolute;
		top: 140px;
		width: 200px;
		border-radius: 10%;
		height: 0px;
		padding: 0;
		overflow: hidden;
		z-index: 100;
		background: #fff;
		transition: 0.5s;
	}
	.main-menu .main-ul li:hover .dropdown2{
		height: 320px;
	}
	.main-menu .main-ul li:hover .dropdown1{
		height: 190px;
	}
	
	.main-menu .main-ul li .dropdown2 {
		position: absolute;
		top: 140px;
		width: 200px;
		border-radius: 10%;
		height: 0px;
		padding: 0;
		overflow: hidden;
		z-index: 100;
		background: #fff;
		transition: 0.5s;
	}
	
	
	.top-info{
	text-align: center;
	align-items: center;
	padding: 5px;
	}
	 
	.footer-spacility-links a{
	text-decoration: none;
	color: #000
	} 
     
 

.donate{
	margin-right: -156px;
}

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


.about h1{
	margin: 0;
}
     
.hero-header {
	background: linear-gradient(#ffffff33, #ffffff47), url(../images/about-img/slider1.jpg) center center no-repeat;
	background-size: cover;

}

.about a{
	text-decoration: none;
	color: #013243;
}
.about a:hover{
	color: #28B593;
}
 
.btn-top{
	background-color: #013243;
	padding: 17px 10px;
	margin-left: 20px;
}
 
.about h4{
	color: #013243;
	margin-top: 10px;
}
.about h1{
	color: #28B593;
	font-weight: 700;
}
.about h5{
	font-weight: 400;
	
}
.section1-appointment{
padding: 5em 0;
}


.section2-appointment{
	margin: 2em 0;
}

.section2-appointment a{
	padding: 70px 0;
	text-decoration: none;
	margin: 2em 0;
}

.section1-appointment img{
    border-radius: 10px;
}

 .form-control{width: 100%;
color: #28B593;}
 
 .form-label{
    color: #fff;
 }

 .form-check-label{
    color: #fff;
 }
 .form-select{
    color: gray;
	font-size: 20px;
 }
 

 .btn-primary{
	background-color: #fff !important;
	color: #28B593 !important;
	transition: 1s;
 }

 .btn-primary:hover{
	background-color: #013243 !important;
	color: #fff !important;
	transition: 1s;
 }

.footer{
	background: url(../images/footer-img.jpg);
	padding-bottom: 20px;
	background-size: cover;
	margin-top: -1em;
}

.footer h3{
	margin-top: 2em;
	color:#472A7C;
}
 
.footer p{
	color: #000;
	cursor: pointer;
	transition: 1s;
	margin-top: 1em;
	line-height: 1;
}
.footer p:hover{
	color: #28B593;
	cursor: pointer;
	padding-left: 10px;
}

.footer hr{
	height: 2px;
	background-color: #000;
}

.footer-end-icon {
justify-content: space-between;
margin-left: 400px;
}
.footer-end-icon a i:hover{
	color: #013243;
	-webkit-transform: rotateY(180deg);
	transition: .5s;
	}

.footer-end-icon a{
	margin-left: 20px;
	font-size: 26px;
	color: #28B593;
}
.footer strong{
	color: #472A7C;
}



.form-login{
	background-color: #28B593;
	/* padding: 60px; */
	box-sizing: border-box;
	border-radius: 10px;
}

.form-login form{
	padding: 20px 30px;
	box-sizing: border-box;
}

form select{
	width: 100%;
}

.form-login .col-md-12{
	padding: 8px 0;
}


.btn-m{
	text-align: center;
	margin-top: 14px;
}





.form-login h3{
	text-align: center;
	color: #fff;
}
.section1-appointment img {
	width: 100%;
	height: auto;
}


@media (min-width: 851px) and (max-width: 1050px) {
	.menu-bar {
		display: block;
	}
	.container{
		width: 90%;
	}
	.img-fluid2 {
		height: 92px;
	}
	.logo{
		width: 40%;
	} 
	.inner-info {
		top: 10%;
		left: 60%;
		
	}
	.inner-info h5{
		font-size: 13px;
	}
	.box2-content{
		margin-top: 20px;
	}
	.main-menu {
		position: absolute;
		/* background: rgba(000, 000, 000, 0.5); */
		/* background: #000; */
		left: -110px;
		top: 0;
		transition: 1s;
		width: 0%;
		height: auto;
		z-index: 100;
		display: block;
	}
	.ct-icon-boxes .ct-icon-box{
		margin-top: 10px;
	}

	.main-menu .main-ul {
		display: block!important;
		padding-top: 50px;
		margin: 0;
		background: #000;
	}

	.menu-bar span:nth-child(1){
		width: 32px;
	}
	
	.menu-bar span:nth-child(2){
		width: 32px;
	}
	
	.menu-bar span:nth-child(3){
		width: 32px;
	}
	.sec{
		margin-top: 3em;
	}
	.main-menu .main-ul li>.dropdown li{
		border-bottom: solid 1px #fff;
	}
	.menu-bar span:nth-child(1){
		background-color: #000;
	}
	.menu-bar span:nth-child(2){
		background-color: #000;
	}
	.menu-bar span:nth-child(3){
		background-color: #000;
	}
	.main-menu .main-ul{
		padding: 50px 10px 10px 10px;
		width: 44%;
	}
	.main-menu ul li a {
		color: #fff;
	}
	.main-menu .main-ul li .dropdown {
		right: -206px;
		color: #fff !important;
		background-color: #000;
	}


	.main-menu .main-ul li {
		height: 50px;
	}

	.main-menu .main-ul li {
		display: block;
	}

	.main-menu ul li a {
		text-decoration: none;
		color: #fff;
	}

	.main-menu .closebtn {
		position: absolute;
		top: 0;
		color: #fff;
		display: block;
		text-decoration: none;
		left: 25px;
		font-size: 36px;
		

	}

	.main-menu .main-ul li .dropdown {
		top: 50px;
		right: -300px;
	}

	.menu-bar span:nth-child(1) {
		position: absolute;
		width: 50px;
		height: 4px;
		right: 0;
		top: -10px;
		/* background: #fff; */
		transition: 0.5s;
	}


	.menu-bar:hover span:nth-child(1) {
		transform: rotate(-135deg);
		top: 0;
	}


	.menu-bar span:nth-child(2) {
		position: absolute;
		width: 50px;
		height: 4px;
		right: 0;
		/* background: #fff; */
		transition: 0.5s;
	}

	.menu-bar:hover span:nth-child(2) {
		transform: rotate(45deg);
	}

	.menu-bar span:nth-child(3) {
		position: absolute;
		width: 50px;
		top: 61px;
		right: 0;
		top: 10px;
		height: 4px;
		/* background: #fff; */
		transition: 0.5s;
	}

	.menu-bar:hover span:nth-child(3) {
		transform: rotate(135deg);
		top: 0px;
	}

	.menu {
		background-color: #fff;
			height: 60px;
		}
	
		.menu-bar {
			z-index: 111111;
		}
	
 
	 
	 

	.top-navbar a{
		font-size: 12px;
	}
	.main-menu .main-ul {
		width: 30%;
		padding-left: 10px;
	}
	.donate
	{
		margin-right: 0;
		margin-left: -60px;
		padding-left: 9%;
		
	}
	.carousel-caption h5 {
		font-size: 35px;
	}
	.carousel-caption h3 {
		font-size: 25px;
	}
	.carousel-caption p {
		font-size: 16px;
	}
	.carousel-caption{
		padding-top: 0;
	}
	 
	.section4-content p{
		font-size: 13px;
	}
	.main-menu ul li a {
		font-size: 13px;
	}
	 
 
	 
	 .top-navbar a{
		font-size: 10px;
	 }
	 .top-navbar a label{
		font-size: 10px;
	 }
	 .donate button a {
		font-size: 10px;
	 }
	 .pre-img img {
		margin-left: 36px;
		width: 10%;
	 }
	 .main-menu .main-ul a {
		font-size: 13px;
	 }
}



@media (min-width: 851px) and (max-width: 1100px) {
	.footer-end-icon{
		margin: 0;
	}
	.main-menu .main-ul {
		width: 86%;
		margin: 0;
		padding-left: 30px;
	}
	 
	.footer{
		margin-top: -1em;
	}
	.footer h3 {
		font-size: 18px;
	}
	.footer p {
		font-size: 15px;
	}
	.footer strong {
		font-size: 14px;
	}

	.main-menu ul li a{
		font-size: 15px;
	}
    
            .about{
                margin-top: 6em;
            }
			 
			 
			 
 
			.hr{
				width: 100%;
			 }
			 .top-navbar a{
				font-size: 13px;
			 }
			 .top-navbar a label{
				font-size: 15px;
			 }
			 .btn-top{
				margin: 0;
				padding: 10px 10px;
			 }
			 .pre-img img{
				width: 6%;
				margin: 0;
			 }
			 .main-menu ul li a i {
				font-size: 15px;
			 }
			 .donate button a{
				font-size: 15px;
			 }
		

}
 
@media(max-width:426px){
	.menu-bar {
		display: block;
	}

	.logo{
		width: 40%;
	} 
	.donate{
		margin-left: -18px;
		margin-right: 0;
		margin-top: 0;
	}
	.main-menu {
		position: absolute;
		 
		left: -110px;
		top: 0;
		transition: 1s;
		width: 0%;
		height: auto;
		z-index: 100;
		display: block;
	}
	.section1-appointment {
		padding: 1em 0;
	}


	.main-menu .main-ul {
		display: block!important;
		padding-top: 50px;
		margin: 0;
		background: #000;
	}
	.form-login {
		margin-top: 20px;
	}
	.main-menu .main-ul li a span:nth-child(1){
		background: #fff;
		left: 55px;
		height: 11px;
		top: 36%;
	}

	.main-menu .main-ul li a span:nth-child(2){
		background: #fff;
		left: 62px;
		top: 36%;
		height: 11px;
	}

	.main-menu .main-ul li {
		height: 50px;
	}

	.main-menu .main-ul li {
		display: block;
	}

	.main-menu ul li a {
		text-decoration: none;
		color: #fff;
	}

	.main-menu .closebtn {
		position: absolute;
		top: 0;
		color: #fff;
		display: block;
		text-decoration: none;
		left: 25px;
		font-size: 36px;
		

	}

	 

	.menu-bar span:nth-child(1) {
		position: absolute;
		width: 50px;
		height: 4px;
		right: 0;
		top: -10px;
		background: #fff;
		transition: 0.5s;
	}


	.menu-bar:hover span:nth-child(1) {
		transform: rotate(-135deg);
		top: 0;
	}


	.menu-bar span:nth-child(2) {
		position: absolute;
		width: 50px;
		height: 4px;
		right: 0;
		background: #fff;
		transition: 0.5s;
	}

	.menu-bar:hover span:nth-child(2) {
		transform: rotate(45deg);
	}

	.menu-bar span:nth-child(3) {
		position: absolute;
		width: 50px;
		top: 61px;
		right: 0;
		top: 10px;
		height: 4px;
		background: #fff;
		transition: 0.5s;
	}

	.menu-bar:hover span:nth-child(3) {
		transform: rotate(135deg);
		top: 0px;
	}

	 
 

	.hr{
		width: 100%;
	 }
	 .top-navbar a{
		font-size: 10px;
	 }
	 .top-navbar a label{
		font-size: 10px;
	 }
 
 
	.menu {
	background-color: #fff;
		height: 60px;
	}

	.menu-bar {
		z-index: 111111;
	}

	.top-navbar{
		font-size: 12px;
	}
	.justify-content-end{
		justify-content: start;
	}
 
 

	.menu-bar span:nth-child(1){
		background-color: #000;
		width: 32px;
	}
	.menu-bar span:nth-child(2){
		background-color: #000;
		width: 32px;
	}
	.menu-bar span:nth-child(3){
		background-color: #000;
		width: 32px;
	}
	.main-menu .main-ul{
		padding: 50px 10px 10px 10px;
		width: 44%;
	}
	.main-menu ul li a {
		color: #fff;
	}
	.main-menu .main-ul li .dropdown {
		right: -216px;
		color: #fff!important;
		background-color: #000;
	}

  
	 

	
.mt{
	margin-top: 3em;
	display: none;
}

.footer-end-icon{
	margin: 0;
}

.donate{
	margin-left: -18px;
 
}
 

.mail{
	justify-content: flex-start;
}
 
    
   .footer {
	   margin-top: -1em;
   }
   
   .section1-appointment .col-md-6{
    width: 100%;
     margin-top: 20px;
    }
    .section1-appointment .col-md-6 img{
        width: 100%;
        }

        .about{
            margin-top: 6em;
        }
		.menu-bar span:nth-child(1){
			width: 32px;
		}
		
		.menu-bar span:nth-child(2){
			width: 32px;
		}
		
		.menu-bar span:nth-child(3){
			width: 32px;
		}
		.main-menu .main-ul li>.dropdown li{
			border-bottom: 1px solid #fff;
		}
		.btn-top{
			margin: 0;
			padding: 16px 10px;
		 }
		 .pre-img img{
			width: 10%;
			margin: 0;
		 }
  
}
 
@media (min-width: 427px) and (max-width: 850px){
	.menu-bar {
		display: block;
	}
	.container{
		width: 90%;
	}
	.donate{
		margin-left: -18px;
		margin-right: 0;
		margin-top: 0;
	}
	.logo{
		width: 40%;
	} 
	.box1 .col-md-3{
		width: 42%;
	}
	.box2-content{
		margin-top: 20px;
	}
	.main-menu {
		position: absolute;
		/* background: rgba(000, 000, 000, 0.5); */
		/* background: #000; */
		left: -110px;
		top: 0;
		transition: 1s;
		width: 0%;
		height: auto;
		z-index: 100;
		display: block;
	}


	.main-menu .main-ul {
		display: block!important;
		padding-top: 50px;
		margin: 0;
		background: #000;
	}

	.menu-bar span:nth-child(1){
		width: 32px;
	}
	
	.menu-bar span:nth-child(2){
		width: 32px;
	}
	
	.menu-bar span:nth-child(3){
		width: 32px;
	}
	.sec{
		margin-top: 3em;
	}
	.main-menu .main-ul li>.dropdown li{
		border-bottom: solid 1px #fff;
	}
	.menu-bar span:nth-child(1){
		background-color: #000;
	}
	.menu-bar span:nth-child(2){
		background-color: #000;
	}
	.menu-bar span:nth-child(3){
		background-color: #000;
	}
	.main-menu .main-ul{
		padding: 50px 10px 10px 10px;
		width: 44%;
	}
	.main-menu ul li a {
		color: #fff;
	}
	.main-menu .main-ul li .dropdown {
		right: -206px;
		color: #fff !important;
		background-color: #000;
	}


	.main-menu .main-ul li {
		height: 50px;
	}

	.main-menu .main-ul li {
		display: block;
	}

	.main-menu ul li a {
		text-decoration: none;
		color: #fff;
	}

	.main-menu .closebtn {
		position: absolute;
		top: 0;
		color: #fff;
		display: block;
		text-decoration: none;
		left: 25px;
		font-size: 36px;
		

	}

	.main-menu .main-ul li .dropdown {
		top: 50px;
		right: -300px;
	}

	.menu-bar span:nth-child(1) {
		position: absolute;
		width: 50px;
		height: 4px;
		right: 0;
		top: -10px;
		/* background: #fff; */
		transition: 0.5s;
	}


	.menu-bar:hover span:nth-child(1) {
		transform: rotate(-135deg);
		top: 0;
	}


	.menu-bar span:nth-child(2) {
		position: absolute;
		width: 50px;
		height: 4px;
		right: 0;
		/* background: #fff; */
		transition: 0.5s;
	}

	.menu-bar:hover span:nth-child(2) {
		transform: rotate(45deg);
	}

	.menu-bar span:nth-child(3) {
		position: absolute;
		width: 50px;
		top: 61px;
		right: 0;
		top: 10px;
		height: 4px;
		/* background: #fff; */
		transition: 0.5s;
	}

	.menu-bar:hover span:nth-child(3) {
		transform: rotate(135deg);
		top: 0px;
	}

	.menu {
		background-color: #fff;
			height: 60px;
		}
	
		.menu-bar {
			z-index: 111111;
		}
	
	.footer-end-icon{
		margin: 0;
	}
	.main-menu ul li a i {
		font-size: 14px;
	 }

	.top-navbar a{
		font-size: 13px;
	}
	.main-menu .main-ul {
		width: 95%;
	}
	.footer-end-icon{
		margin: 0;
	}
	 

	.top-navbar a{
		font-size: 13px;
	}
	.main-menu .main-ul {
		width: 98%;
	}
	.donate
	{
		margin-right: 0
		;
	}

	 

	.footer{
		margin-top: -1em;
	}
	.footer h3 {
		font-size: 18px;
	}
	.footer p {
		font-size: 15px;
	}
	.footer strong {
		font-size: 14px;
	}

	.main-menu ul li a{
		font-size: 13px;
	}

    .section1-appointment .col-md-6{
        width: 100%;
        }
        .section1-appointment .col-md-6 img{
            width: 100%;
            }
			.about{
                margin-top: 6em;
            }
			 
		  
			 
	.hr{
		width: 100%;
	 }
	 .top-navbar a{
		font-size: 11px;
	 }
	 .top-navbar a label{
		font-size: 12px;
	 }
	 .btn-top{
		margin: 0;
		padding: 12px 10px;
	 }
	 .form-login{
		margin-top: 20px;
	 }
	 .pre-img img{
		width: 6%;
		margin: 0;
	 }
	 .main-menu ul li a i {
		font-size: 15px;
	 }
	 .donate button a{
		font-size: 13px;
	 }
	 .donate{
		margin-left: -18px;
		margin-right: 0;
		margin-top: 0;
	}
}



.footer-spacility-links p a{
	text-decoration: none;
	color: #000;
}