*{
	margin: 0;
	padding: 0;
	
}
body{
	font-family:sans-serif;

}

#nav-bar{
	
	position:sticky;
	top: 0;
	z-index:10;	

}


.navbar{
	background-image:linear-gradient(to right,#42455a,#19d7f8);
	padding:0 !important;
}
 .navbar-brand img{
	height:150px;
	padding-left:20px;
}

.navbar-nav li{
	padding:0 10px;
}
.navbar-nav li a{
	color:#fff  !important;
	font-weight:600;
	font-size:20px;
	float:right;
	text-align:left;
}


.navbar-nav li span{
	color:#cff705 !important;
	font-weight:bold;
	font-size:20px;
	float:right;
	text-align:left;
}



.navbar-nav ul a{
	color:#fff !important;
	font-weight:600;
	font-size:20px;
	float:right;
	text-align:left;
}

.navbar-nav ul li{
	background:none;
	border:none;
}




.navbar-nav ul li a{
	color:#fff !important;
	font-weight:600;
	background:#2196f3;
}


.navbar-nav ul a:hover,
.navbar-nav li a:hover 
{
	
	color:#cff705 !important;
	font-weight:600;		
}




.fa-bars{
	color:red;
	font-size:35px !important;
}

.navbar-toggler{
	outline:5px solid;
	background-image:linear-gradient(to right,#42455a,#19d7f8);	
	text-align:center;
	letter-spacing:3px;

}

.navbar-toggler h{
	font-size:30;
	color:#fff;
	padding-bottom:5px;
	
}
```css
/* ------------------------- Join Us Banner Section ------------------------- */

#join-banner {
    background-image: linear-gradient(to right, #42455a, #19d7f8);
    color: #ffffff;
    padding-top: 70px;
    position: relative;
}

#join-banner .container {
    max-width: 950px;
    margin: 0 auto;
    padding-bottom: 45px;
}

#join-banner h1 {
    color: #ffffff !important;
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 22px;
}

#join-banner p {
    font-size: 17px;
    line-height: 1.75;
    font-weight: 500;
    margin-bottom: 18px;
    color: #ffffff;
}

#join-banner .text-link {
    color: #ccff00;
    font-weight: 800;
    text-decoration: none;
}

#join-banner .text-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

.join-buttons {
    margin-top: 28px;
}

.join-btn {
    display: inline-block;
    background-color: #008cff;
    color: #ffffff !important;
    padding: 11px 20px;
    margin-right: 12px;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}

.join-btn:hover {
    background-color: #ccff00;
    color: #1f2435 !important;
    text-decoration: none;
}

.join-btn.secondary {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff !important;
}

.join-btn.secondary:hover {
    background-color: #ffffff;
    color: #1f2435 !important;
}

.bottom-img {
    width: 100%;
    display: block;
}


/* ------------------------- Join Us Main Section ------------------------- */

#join-us {
    background-color: #42455a;
    color: #ffffff;
    padding-top: 55px;
    padding-bottom: 70px;
}

#join-us .container {
    max-width: 950px;
    margin: 0 auto;
}

.join-card {
    background: rgba(255, 255, 255, 0.045);
    border-left: 4px solid #00d9ff;
    border-radius: 8px;
    padding: 26px 30px;
    margin-bottom: 28px;
}

.join-card h2 {
    color: #ccff00 !important;
    font-size: 28px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 16px;
}

.join-card h3 {
    color: #00d9ff !important;
    font-size: 21px;
    font-weight: 800;
    margin-top: 18px;
    margin-bottom: 8px;
}

.join-card p {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    margin-bottom: 15px;
}

.inline-btn {
    display: inline-block;
    background-color: #008cff;
    color: #ffffff !important;
    padding: 5px 10px;
    margin: 2px 3px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.inline-btn:hover {
    background-color: #ccff00;
    color: #1f2435 !important;
    text-decoration: none;
}

.position-list {
    margin-top: 20px;
}

.position-item {
    padding: 16px 18px;
    margin-bottom: 16px;
    background: rgba(0, 0, 0, 0.16);
    border-radius: 6px;
}

.position-item h3 {
    color: #00d9ff !important;
    margin-top: 0;
}

.position-item p {
    margin-bottom: 0;
}

.join-list {
    margin-left: 22px;
    padding-left: 18px;
    margin-bottom: 18px;
}

.join-list li {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 500;
    margin-bottom: 8px;
}

.contact-card {
    border-left-color: #ccff00;
}


/* ------------------------- Responsive Layout ------------------------- */

@media screen and (max-width: 900px) {
    #join-banner .container,
    #join-us .container {
        max-width: 90%;
    }

    #join-banner {
        padding-top: 45px;
    }

    #join-banner h1 {
        font-size: 34px;
    }

    #join-banner p {
        font-size: 16px;
        line-height: 1.65;
    }

    .join-card {
        padding: 22px 22px;
    }

    .join-card h2 {
        font-size: 25px;
    }

    .join-card h3 {
        font-size: 20px;
    }

    .join-card p,
    .join-list li {
        font-size: 15px;
        line-height: 1.6;
    }

    .join-btn {
        display: inline-block;
        margin-bottom: 12px;
    }
}
```

	





/*----------Quick Links--------*/


#quick_links {
	padding-top:30px;
	padding-bottom:10px;
	background:linear-gradient(to bottom,#42455a,#19d7f8);
	text-align:center;
}

#quick_links a{
	margin:50px auto;
	font-size:18px;
	color:#fff;
}

#quick_links .fa{
	font-size:30px;
	
}

.bottom-img{
	width:100%;
	margin-bottom:-15px;
}




/*-------------Footer section--------------*/	


	#footer{
		padding-bottom:0px;
		background-image:linear-gradient(to top,#42455a,#19d7f8);
		color:#fff;	
	}


	.footer-img{
		width:100%;
	}	
	
	.footer-box1,
	.footer-box2 {
	padding-top:50px;
	}

	.footer-box1{
		text-align:center;
		font-size:20px;
		font-weight:bold;
	}

	.footer-box1 img{
		width:120px;
		margin-bottom:20px;
	}
	
	
	.social-icons a{
		color:#19d7f8;
		padding:5px;
		height:30px;
		width:30px;
		margin:20px auto;
		font-size:30px;
	}
	
	.footer-box2 h{
			font-size:25px;
			font-weight:bold;
	
	}
	.footer-box2 p{
		padding-top:25px;

	}
	

	.footer-box2 .fa{

		margin-right:8px;
		font-size:25px;
		height:40px;
		width:40px;
		text-align:center;
		padding-top:7px;
		border-radius:2px;
		background-image:linear-gradient(to right,#42455a,#19d7f8);
	}

	.footer-box3 .form-control{
		box-shadow:none !important;
		border:none;
		border-radius:0;
		margin-top:25px;
		max-width:250px;
	}	

	.footer-box3 .btn-primary{
		box-shadow:none !important;
		border:none;
		border-radius:0;
		margin-top:30px;
		background-image:linear-gradient(to right,#42455a,#19d7f8);	
	}


.btn-primary:hover{
		color:red;
	}


	.contact-form{
		padding:15px;
	}

	::placeholder{
		color:#999 !important;
	}

	
	
	

	hr{
		background-color:#fff;
	}


/*---------------school______________*/



#school {
	padding-top:0px;
	padding-bottom:10px;

}

.school-box img{
	width:75%;
	padding-top:15px
}

.school-box a{
	color:#777777;
	font-weight:bold;

}

.school-box:hover{
	box-shadow:0 2px 20px #333;
}


.copyright{
	margin-bottom:0;
	padding-bottom:20px;
	text-align:center !important;
	color:#fff;
}	


.fa-heart-o{
	margin:3px;
	color:red;
	
}